/* =========================================================
   ARS HERITAGE GROUP
   HOME — PREMIUM INTELLIGENCE UNIVERSE
   MASTER STYLE — V1
   =========================================================

   طراحی مرجع:
   Precision × Technology × Luxury
   +
   ARS Independent Visual Intelligence

   این فایل کاملاً مستقل است.
   هیچ وابستگی به CSS صفحات دیگر ندارد.

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


/* =========================================================
   01 — VISUAL DNA & FOUNDATION
   ۰۱ — DNA بصری و پایه اصلی
   ========================================================= */

:root{

    /* -----------------------------------------------------
       01.1 — BLACK / DEEP SPACE
       ۰۱.۱ — مشکی و فضای عمیق
       ----------------------------------------------------- */

    --ars-black:
        #020307;

    --ars-black-deep:
        #000103;

    --ars-black-space:
        #03070d;

    --ars-black-void:
        #000001;


    /* -----------------------------------------------------
       01.2 — WHITE
       ۰۱.۲ — سفید
       ----------------------------------------------------- */

    --ars-white:
        #f7f4ed;

    --ars-white-bright:
        #ffffff;

    --ars-white-soft:
        rgba(247,244,237,.72);


    /* -----------------------------------------------------
       01.3 — REAL GOLD
       ۰۱.۳ — طلایی واقعی
       ----------------------------------------------------- */

    --ars-gold:
        #e4b95f;

    --ars-gold-bright:
        #fff1b8;

    --ars-gold-deep:
        #b8893f;

    --ars-gold-dark:
        #765a2f;


    /* -----------------------------------------------------
       01.4 — MATTE BRONZE
       ۰۱.۴ — برنزی مات
       ----------------------------------------------------- */

    --ars-bronze:
        #765a35;

    --ars-bronze-light:
        #9a7948;

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


    /* -----------------------------------------------------
       01.5 — DEEP NAVY
       ۰۱.۵ — سورمه‌ای عمیق
       مخصوص سطوح و طراحی کارت‌ها
       ----------------------------------------------------- */

    --ars-navy:
        #081426;

    --ars-navy-deep:
        #050d1b;

    --ars-navy-light:
        #10233d;


    /* -----------------------------------------------------
       01.6 — ELECTRIC BLUE DNA
       ۰۱.۶ — آبی الکتریکی DNA اصلی هوم
       ----------------------------------------------------- */

    --ars-blue:
        #168cff;

    --ars-blue-bright:
        #52b6ff;

    --ars-blue-electric:
        #00aaff;

    --ars-blue-deep:
        #063a70;

    --ars-blue-shadow:
        #021c38;


    /* -----------------------------------------------------
       01.7 — COMPLEMENTARY COLORS
       ۰۱.۷ — رنگ‌های مکمل
       ----------------------------------------------------- */

    --ars-red:
        #a83232;

    --ars-yellow:
        #d6ae35;

    --ars-green:
        #4f8761;

    --ars-brown:
        #6d4b31;


    /* -----------------------------------------------------
       01.8 — DESIGN SYSTEM
       ۰۱.۸ — سیستم طراحی
       ----------------------------------------------------- */

    --ars-radius:
        24px;

    --ars-radius-large:
        34px;

    --ars-radius-round:
        999px;

    --ars-ease:
        cubic-bezier(.16,1,.3,1);

    --ars-ease-soft:
        cubic-bezier(.22,1,.36,1);

}


/* ---------------------------------------------------------
   01.9 — GLOBAL BOX MODEL
   ۰۱.۹ — مدل جعبه سراسری
   --------------------------------------------------------- */

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

    box-sizing:border-box;

}


/* ---------------------------------------------------------
   01.10 — DOCUMENT
   ۰۱.۱۰ — سند اصلی
   --------------------------------------------------------- */

html{

    scroll-behavior:smooth;

    background:
        var(--ars-black-void);

}


/* ---------------------------------------------------------
   01.11 — BODY
   ۰۱.۱۱ — بدنه اصلی
   --------------------------------------------------------- */

body{

    margin:0;

    min-height:100vh;

    overflow-x:hidden;

    color:
        var(--ars-white);

    background:

        radial-gradient(
            circle at 50% 12%,
            rgba(8,46,84,.22),
            transparent 26%
        ),

        radial-gradient(
            circle at 12% 48%,
            rgba(0,170,255,.045),
            transparent 30%
        ),

        radial-gradient(
            circle at 88% 62%,
            rgba(228,185,95,.028),
            transparent 32%
        ),

        linear-gradient(
            180deg,
            #000103 0%,
            #010207 32%,
            #02050a 66%,
            #000103 100%
        );

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

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;

}


/* =========================================================
   02 — DEEP SPACE MASTER FIELD
   ۰۲ — میدان اصلی فضای عمیق
   ========================================================= */


/* ---------------------------------------------------------
   02.1 — GLOBAL ATMOSPHERIC RADIATION
   ۰۲.۱ — تابش اتمسفری سراسری
   --------------------------------------------------------- */

body::before{

    content:"";

    position:fixed;

    inset:-10%;

    pointer-events:none;

    z-index:0;

    background:

        radial-gradient(
            circle at 50% 38%,
            rgba(22,140,255,.065),
            transparent 25%
        ),

        radial-gradient(
            circle at 50% 40%,
            rgba(228,185,95,.032),
            transparent 42%
        ),

        radial-gradient(
            circle at 25% 70%,
            rgba(6,58,112,.025),
            transparent 30%
        );

    filter:
        blur(20px);

    opacity:
        .95;

    animation:
        arsGlobalBreath
        10s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   02.2 — SECONDARY SPACE DEPTH
   ۰۲.۲ — عمق دوم فضای کیهانی
   --------------------------------------------------------- */

body::after{

    content:"";

    position:fixed;

    inset:0;

    pointer-events:none;

    z-index:0;

    background:

        radial-gradient(
            ellipse at center,
            transparent 0%,
            transparent 48%,
            rgba(0,0,0,.34) 100%
        );

    box-shadow:
        inset 0 0 180px
        rgba(0,0,0,.72);

}


/* =========================================================
   03 — FIXED MOTHER LOGO
   ۰۳ — لوگوی مادر ثابت
   ========================================================= */


/* ---------------------------------------------------------
   03.1 — HEADER
   ۰۳.۱ — هدر ثابت
   --------------------------------------------------------- */

.main-header{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    height:
        96px;

    z-index:
        1000;

    display:flex;

    align-items:center;

    justify-content:center;

    pointer-events:none;

}


/* ---------------------------------------------------------
   03.2 — BRAND HOLDER
   ۰۳.۲ — نگهدارنده لوگو
   --------------------------------------------------------- */

.header-brand{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

}


/* ---------------------------------------------------------
   03.3 — MOTHER LOGO
   ۰۳.۳ — لوگوی مادر
   --------------------------------------------------------- */

.mother-logo{

    width:
        clamp(
            90px,
            8vw,
            135px
        );

    height:auto;

    display:block;

    object-fit:contain;

    filter:

        drop-shadow(
            0 0 8px
            rgba(255,255,255,.16)
        )

        drop-shadow(
            0 0 24px
            rgba(228,185,95,.22)
        )

        drop-shadow(
            0 0 44px
            rgba(0,170,255,.14)
        );

    animation:
        motherLogoBreath
        6s
        ease-in-out
        infinite;

}


/* =========================================================
   04 — HERO MASTER SPACE
   ۰۴ — فضای اصلی هیرو
   ========================================================= */


/* ---------------------------------------------------------
   04.1 — HERO
   ۰۴.۱ — هیرو
   --------------------------------------------------------- */

.hero{

    position:relative;

    width:100%;

    min-height:
        200vh;

    overflow:hidden;

    isolation:isolate;

    display:flex;

    align-items:center;

    justify-content:center;

    background:

        radial-gradient(
            circle at 50% 50%,
            rgba(8,26,48,.24),
            transparent 30%
        ),

        radial-gradient(
            circle at 50% 50%,
            rgba(0,170,255,.035),
            transparent 48%
        ),

        linear-gradient(
            180deg,
            #000103,
            #01040a 55%,
            #000103
        );

}


/* ---------------------------------------------------------
   04.2 — HERO BACKGROUND
   ۰۴.۲ — پس‌زمینه هیرو
   --------------------------------------------------------- */

.hero-background{

    position:absolute;

    inset:0;

    z-index:-5;

    background:

        radial-gradient(
            ellipse at 50% 50%,
            rgba(10,53,92,.22),
            transparent 30%
        ),

        radial-gradient(
            ellipse at 50% 50%,
            rgba(0,170,255,.045),
            transparent 44%
        ),

        radial-gradient(
            ellipse at 50% 50%,
            rgba(228,185,95,.035),
            transparent 58%
        );

}


/* ---------------------------------------------------------
   04.3 — HERO RADIAL STRUCTURE
   ۰۴.۳ — ساختار شعاعی هیرو
   --------------------------------------------------------- */

.hero-background::before{

    content:"";

    position:absolute;

    inset:-20%;

    background:

        repeating-radial-gradient(
            circle at center,
            transparent 0,
            transparent 85px,
            rgba(0,170,255,.022) 86px,
            transparent 89px
        );

    opacity:
        .8;

    animation:
        arsUniverseBreath
        12s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   04.4 — HERO CENTRAL RADIATION
   ۰۴.۴ — تابش مرکزی هیرو
   --------------------------------------------------------- */

.hero-background::after{

    content:"";

    position:absolute;

    inset:0;

    background:

        radial-gradient(
            circle at 50% 50%,
            transparent 0 14%,
            rgba(0,170,255,.032) 16%,
            transparent 30%
        ),

        radial-gradient(
            circle at 50% 50%,
            transparent 0 28%,
            rgba(228,185,95,.018) 30%,
            transparent 46%
        );

    filter:
        blur(10px);

}


/* =========================================================
   05 — HERO STAR FIELD
   ۰۵ — میدان ستاره‌ای هیرو
   ========================================================= */


/* ---------------------------------------------------------
   05.1 — STAR LAYERS
   ۰۵.۱ — لایه‌های ستاره‌ای
   --------------------------------------------------------- */

.hero-stars,
.hero-stars-2{

    position:absolute;

    inset:0;

    pointer-events:none;

}


/* ---------------------------------------------------------
   05.2 — WHITE STAR FIELD
   ۰۵.۲ — میدان ستاره‌ای سفید
   --------------------------------------------------------- */

.hero-stars{

    opacity:
        .5;

    background-image:

        radial-gradient(
            circle,
            rgba(255,255,255,.82) 0 1px,
            transparent 1.5px
        );

    background-size:
        137px 173px;

    animation:
        starDrift
        45s
        linear
        infinite;

}


/* ---------------------------------------------------------
   05.3 — ELECTRIC BLUE STAR FIELD
   ۰۵.۳ — میدان ستاره‌ای آبی الکتریکی
   --------------------------------------------------------- */

.hero-stars-2{

    opacity:
        .32;

    background-image:

        radial-gradient(
            circle,
            rgba(82,182,255,.95) 0 1px,
            transparent 1.5px
        );

    background-size:
        211px 257px;

    animation:
        starDriftReverse
        65s
        linear
        infinite;

}


/* =========================================================
   06 — HERO WRAPPER
   ۰۶ — نگهدارنده اصلی هیرو
   ========================================================= */


/* ---------------------------------------------------------
   06.1 — HERO WRAPPER
   ۰۶.۱ — Wrapper هیرو
   --------------------------------------------------------- */

.hero-wrapper{

    position:relative;

    width:100%;

    min-height:
        200vh;

    display:flex;

    align-items:center;

    justify-content:center;

}


/* =========================================================
   07 — 14 ORBITAL UNIVERSE MASTER
   ۰۷ — هسته اصلی منظومه ۱۴ اوربیت
   ========================================================= */


/* ---------------------------------------------------------
   07.1 — ORBIT UNIVERSE
   ۰۷.۱ — منظومه اوربیتال
   --------------------------------------------------------- */

.ars-orbit{

    position:absolute;

    left:50%;

    top:50%;

    width:
        min(
            86vw,
            1050px
        );

    aspect-ratio:
        1 / 1;

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

    z-index:
        20;

    isolation:
        isolate;

}


/* ---------------------------------------------------------
   07.2 — ORBIT UNIVERSE ENERGY FIELD
   ۰۷.۲ — میدان انرژی منظومه
   --------------------------------------------------------- */

.ars-orbit::before{

    content:"";

    position:absolute;

    inset:
        -12%;

    border-radius:
        50%;

    background:

        radial-gradient(
            circle,
            rgba(0,170,255,.095),
            transparent 32%
        ),

        radial-gradient(
            circle,
            rgba(22,140,255,.055),
            transparent 47%
        ),

        radial-gradient(
            circle,
            rgba(228,185,95,.05),
            transparent 60%
        );

    filter:
        blur(34px);

    opacity:
        .95;

    animation:
        orbitalAtmosphere
        8s
        ease-in-out
        infinite;

    pointer-events:
        none;

}


/* ---------------------------------------------------------
   07.3 — MASTER ORBIT RING
   ۰۷.۳ — حلقه اصلی منظومه
   --------------------------------------------------------- */

.ars-orbit::after{

    content:"";

    position:absolute;

    inset:
        -4%;

    border-radius:
        50%;

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

    box-shadow:

        0 0 35px
        rgba(0,170,255,.075),

        0 0 90px
        rgba(22,140,255,.045),

        0 0 150px
        rgba(228,185,95,.028);

    animation:
        masterOrbitRotate
        70s
        linear
        infinite;

    pointer-events:
        none;

}


/* =========================================================
   08 — PREMIUM MOTION FOUNDATION
   ۰۸ — زیرساخت انیمیشن پریمیوم
   ========================================================= */


/* ---------------------------------------------------------
   08.1 — GLOBAL UNIVERSE BREATH
   ۰۸.۱ — تنفس سراسری منظومه
   --------------------------------------------------------- */

@keyframes arsGlobalBreath{

    0%,
    100%{

        transform:
            scale(1);

        opacity:
            .78;

    }

    50%{

        transform:
            scale(1.035);

        opacity:
            1;

    }

}


/* ---------------------------------------------------------
   08.2 — UNIVERSE BREATH
   ۰۸.۲ — تنفس فضای هیرو
   --------------------------------------------------------- */

@keyframes arsUniverseBreath{

    0%,
    100%{

        transform:
            scale(1);

        opacity:
            .62;

    }

    50%{

        transform:
            scale(1.045);

        opacity:
            .92;

    }

}


/* ---------------------------------------------------------
   08.3 — ORBITAL ATMOSPHERE
   ۰۸.۳ — تنفس اتمسفر اوربیتال
   --------------------------------------------------------- */

@keyframes orbitalAtmosphere{

    0%,
    100%{

        transform:
            scale(.96);

        opacity:
            .62;

    }

    50%{

        transform:
            scale(1.05);

        opacity:
            1;

    }

}


/* ---------------------------------------------------------
   08.4 — MASTER ORBIT ROTATION
   ۰۸.۴ — چرخش مدار اصلی
   --------------------------------------------------------- */

@keyframes masterOrbitRotate{

    from{

        transform:
            rotate(0deg);

    }

    to{

        transform:
            rotate(360deg);

    }

}


/* ---------------------------------------------------------
   08.5 — STAR DRIFT
   ۰۸.۵ — حرکت ستاره‌ها
   --------------------------------------------------------- */

@keyframes starDrift{

    from{

        transform:
            translate3d(
                0,
                0,
                0
            );

    }

    to{

        transform:
            translate3d(
                -80px,
                60px,
                0
            );

    }

}


/* ---------------------------------------------------------
   08.6 — REVERSE STAR DRIFT
   ۰۸.۶ — حرکت معکوس ستاره‌ها
   --------------------------------------------------------- */

@keyframes starDriftReverse{

    from{

        transform:
            translate3d(
                0,
                0,
                0
            );

    }

    to{

        transform:
            translate3d(
                90px,
                -70px,
                0
            );

    }

}


/* ---------------------------------------------------------
   08.7 — MOTHER LOGO BREATH
   ۰۸.۷ — تنفس نور لوگوی مادر
   --------------------------------------------------------- */

@keyframes motherLogoBreath{

    0%,
    100%{

        filter:

            drop-shadow(
                0 0 8px
                rgba(255,255,255,.14)
            )

            drop-shadow(
                0 0 22px
                rgba(228,185,95,.18)
            )

            drop-shadow(
                0 0 38px
                rgba(0,170,255,.08)
            );

    }

    50%{

        filter:

            drop-shadow(
                0 0 10px
                rgba(255,255,255,.22)
            )

            drop-shadow(
                0 0 32px
                rgba(228,185,95,.28)
            )

            drop-shadow(
                0 0 58px
                rgba(0,170,255,.16)
            );

    }

          }


/* =========================================================
   09 — CENTRAL ARS CORE
   ۰۹ — هسته مرکزی ARS Heritage Group
   ========================================================= */


/* ---------------------------------------------------------
   09.1 — CORE MASTER CONTAINER
   ۰۹.۱ — کانتینر اصلی هسته
   --------------------------------------------------------- */

.orbit-core{

    position:absolute;

    left:50%;
    top:50%;

    width:
        clamp(
            150px,
            15vw,
            220px
        );

    aspect-ratio:
        1 / 1;

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

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    z-index:50;

    isolation:isolate;

    cursor:pointer;

    overflow:visible;

    transition:
        transform .8s var(--ars-ease),
        filter .8s var(--ars-ease);

}


/* ---------------------------------------------------------
   09.2 — CORE OUTER ENERGY FIELD
   ۰۹.۲ — میدان انرژی بیرونی هسته
   --------------------------------------------------------- */

.orbit-core::before{

    content:"";

    position:absolute;

    inset:-48%;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(0,170,255,.16) 0%,
            rgba(22,140,255,.10) 20%,
            rgba(228,185,95,.075) 34%,
            rgba(184,137,63,.035) 48%,
            transparent 72%
        );

    filter:
        blur(24px);

    opacity:
        .9;

    z-index:-3;

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

    pointer-events:none;

}


/* ---------------------------------------------------------
   09.3 — CORE RADIATION SHELL
   ۰۹.۳ — پوسته تابشی هسته
   --------------------------------------------------------- */

.orbit-core::after{

    content:"";

    position:absolute;

    inset:-22%;

    border-radius:50%;

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

    box-shadow:

        0 0 12px
        rgba(0,170,255,.24),

        0 0 32px
        rgba(22,140,255,.18),

        0 0 65px
        rgba(228,185,95,.10),

        inset 0 0 24px
        rgba(0,170,255,.10);

    z-index:-2;

    animation:
        coreShellRotate
        18s
        linear
        infinite;

    pointer-events:none;

}


/* ---------------------------------------------------------
   09.4 — CORE LOGO
   ۰۹.۴ — لوگوی داخل هسته
   --------------------------------------------------------- */

.orbit-core img{

    position:relative;

    width:
        68%;

    height:
        68%;

    object-fit:
        contain;

    display:block;

    z-index:10;

    border-radius:50%;

    filter:

        drop-shadow(
            0 0 6px
            rgba(255,255,255,.25)
        )

        drop-shadow(
            0 0 18px
            rgba(228,185,95,.42)
        )

        drop-shadow(
            0 0 38px
            rgba(0,170,255,.32)
        );

    animation:
        coreLogoPulse
        4.5s
        ease-in-out
        infinite;

    transition:
        transform .8s var(--ars-ease),
        filter .8s var(--ars-ease);

}


/* ---------------------------------------------------------
   09.5 — CORE GOLDEN RING
   ۰۹.۵ — حلقه طلایی هسته
   --------------------------------------------------------- */

.orbit-core{

    box-shadow:

        0 0 0 1px
        rgba(228,185,95,.12),

        0 0 18px
        rgba(228,185,95,.20),

        0 0 42px
        rgba(228,185,95,.13),

        0 0 90px
        rgba(0,170,255,.10);

}


/* ---------------------------------------------------------
   09.6 — INNER ENERGY RING
   ۰۹.۶ — حلقه انرژی داخلی
   --------------------------------------------------------- */

.orbit-core .core-energy-ring{

    position:absolute;

    inset:-9%;

    border-radius:50%;

    border:
        1px solid
        rgba(228,185,95,.35);

    box-shadow:

        0 0 10px
        rgba(255,241,184,.25),

        0 0 26px
        rgba(228,185,95,.20);

    animation:
        coreRingRotate
        12s
        linear
        infinite;

    pointer-events:none;

}


/* ---------------------------------------------------------
   09.7 — SECONDARY ENERGY RING
   ۰۹.۷ — حلقه انرژی ثانویه
   --------------------------------------------------------- */

.orbit-core .core-energy-ring::before{

    content:"";

    position:absolute;

    inset:-12%;

    border-radius:50%;

    border:
        1px dashed
        rgba(0,170,255,.24);

    box-shadow:

        0 0 15px
        rgba(0,170,255,.18),

        0 0 38px
        rgba(82,182,255,.10);

    animation:
        coreRingRotateReverse
        20s
        linear
        infinite;

}


/* ---------------------------------------------------------
   09.8 — CORE ENERGY PARTICLES
   ۰۹.۸ — ذرات انرژی هسته
   --------------------------------------------------------- */

.orbit-core .core-energy-ring::after{

    content:"";

    position:absolute;

    inset:-24%;

    border-radius:50%;

    background:

        radial-gradient(
            circle at 18% 42%,
            rgba(255,241,184,.95) 0 2px,
            transparent 4px
        ),

        radial-gradient(
            circle at 74% 20%,
            rgba(82,182,255,.95) 0 2px,
            transparent 4px
        ),

        radial-gradient(
            circle at 84% 72%,
            rgba(228,185,95,.85) 0 1.5px,
            transparent 4px
        ),

        radial-gradient(
            circle at 27% 82%,
            rgba(0,170,255,.9) 0 1.5px,
            transparent 4px
        );

    animation:
        coreParticleOrbit
        9s
        linear
        infinite;

    pointer-events:none;

}


/* ---------------------------------------------------------
   09.9 — CORE HOVER / FOCUS
   ۰۹.۹ — بزرگ‌نمایی هنگام انتخاب
   --------------------------------------------------------- */

.orbit-core:hover{

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

    filter:
        brightness(1.12);

}


.orbit-core:hover img{

    transform:
        scale(1.06);

    filter:

        drop-shadow(
            0 0 8px
            rgba(255,255,255,.35)
        )

        drop-shadow(
            0 0 28px
            rgba(255,241,184,.62)
        )

        drop-shadow(
            0 0 62px
            rgba(0,170,255,.48)
        );

}


/* ---------------------------------------------------------
   09.10 — CORE ACTIVE STATE
   ۰۹.۱۰ — حالت فعال هسته
   --------------------------------------------------------- */

.orbit-core.is-selected{

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

}


.orbit-core.is-selected::before{

    opacity:
        1;

    filter:
        blur(30px);

}


.orbit-core.is-selected::after{

    border-color:
        rgba(255,241,184,.48);

    box-shadow:

        0 0 18px
        rgba(255,241,184,.36),

        0 0 45px
        rgba(228,185,95,.28),

        0 0 100px
        rgba(0,170,255,.20);

}


/* =========================================================
   09.11 — CORE MOTION SYSTEM
   ۰۹.۱۱ — سیستم حرکتی هسته
   ========================================================= */

@keyframes coreAtmosphereBreath{

    0%,
    100%{

        transform:
            scale(.94);

        opacity:
            .62;

    }

    50%{

        transform:
            scale(1.10);

        opacity:
            1;

    }

}


@keyframes coreShellRotate{

    from{

        transform:
            rotate(0deg);

    }

    to{

        transform:
            rotate(360deg);

    }

}


@keyframes coreRingRotate{

    from{

        transform:
            rotate(0deg);

    }

    to{

        transform:
            rotate(360deg);

    }

}


@keyframes coreRingRotateReverse{

    from{

        transform:
            rotate(360deg);

    }

    to{

        transform:
            rotate(0deg);

    }

}


@keyframes coreParticleOrbit{

    from{

        transform:
            rotate(0deg)
            scale(1);

    }

    50%{

        transform:
            rotate(180deg)
            scale(1.035);

    }

    to{

        transform:
            rotate(360deg)
            scale(1);

    }

}


@keyframes coreLogoPulse{

    0%,
    100%{

        transform:
            scale(.97);

    }

    50%{

        transform:
            scale(1.035);

    }

}


/* =========================================================
   09.12 — CORE MOBILE PRESERVATION
   ۰۹.۱۲ — حفظ هسته در موبایل
   ========================================================= */

@media (max-width:700px){

    .orbit-core{

        width:
            clamp(
                125px,
                29vw,
                175px
            );

    }

    .orbit-core::before{

        inset:-42%;

    }

    .orbit-core::after{

        inset:-18%;

    }

    .orbit-core:hover{

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

    }

             }

/* =========================================================
   10 — INNER ORBIT SYSTEM
   ۱۰ — سیستم مدار داخلی / شش اوربیتال اصلی
   ========================================================= */

/* ---------------------------------------------------------
   10.1 — INNER ORBIT MASTER
   ۱۰.۱ — ساختار اصلی مدار داخلی
   --------------------------------------------------------- */

.orbit-inner{

    position:absolute;

    left:50%;
    top:50%;

    width:
        46%;

    height:
        46%;

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

    border-radius:50%;

    z-index:35;

    pointer-events:none;

    animation:
        innerOrbitRotation
        42s
        linear
        infinite;

}


/* ---------------------------------------------------------
   10.2 — INNER ORBIT ENERGY FIELD
   ۱۰.۲ — میدان انرژی مدار داخلی
   --------------------------------------------------------- */

.orbit-inner::before{

    content:"";

    position:absolute;

    inset:-22%;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(22,140,255,.075),
            transparent 38%
        ),

        radial-gradient(
            circle,
            rgba(228,185,95,.035),
            transparent 68%
        );

    filter:
        blur(24px);

    opacity:.85;

    animation:
        innerOrbitBreath
        7s
        ease-in-out
        infinite;

    pointer-events:none;

}


/* ---------------------------------------------------------
   10.3 — INNER ORBIT ENERGY RING
   ۱۰.۳ — حلقه انرژی مدار داخلی
   --------------------------------------------------------- */

.orbit-inner::after{

    content:"";

    position:absolute;

    inset:-8%;

    border-radius:50%;

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

    box-shadow:

        0 0 18px
        rgba(22,140,255,.055),

        0 0 45px
        rgba(228,185,95,.025);

    animation:
        innerRingPulse
        6s
        ease-in-out
        infinite;

    pointer-events:none;

}


/* ---------------------------------------------------------
   10.4 — INNER ORBIT ITEMS
   ۱۰.۴ — نودهای شش‌گانه مدار داخلی
   --------------------------------------------------------- */

.orbit-inner .orbit-item{

    position:absolute;

    left:50%;
    top:50%;

    width:
        clamp(
            86px,
            9vw,
            128px
        );

    aspect-ratio:1;

    transform-origin:
        center;

    pointer-events:auto;

}


/* ---------------------------------------------------------
   10.5 — INNER NODE CORE
   ۱۰.۵ — هسته هر نود داخلی
   --------------------------------------------------------- */

.orbit-inner .orbit-item a{

    position:relative;

    width:100%;
    height:100%;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    overflow:visible;

    isolation:isolate;

    text-decoration:none;

    background:

        radial-gradient(
            circle at 42% 36%,
            rgba(16,35,61,.96),
            rgba(5,14,27,.98) 68%,
            rgba(1,5,12,1) 100%
        );

    border:
        1px solid
        rgba(228,185,95,.24);

    box-shadow:

        inset 0 0 22px
        rgba(22,140,255,.06),

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

        0 0 14px
        rgba(228,185,95,.12),

        0 0 32px
        rgba(22,140,255,.09);

    transition:
        transform .75s var(--ars-ease),
        filter .75s var(--ars-ease),
        box-shadow .75s var(--ars-ease);

}


/* ---------------------------------------------------------
   10.6 — NODE ATMOSPHERIC HALO
   ۱۰.۶ — هاله انرژی پیرامون نود
   --------------------------------------------------------- */

.orbit-inner .orbit-item a::before{

    content:"";

    position:absolute;

    inset:-42%;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(22,140,255,.11),
            rgba(22,140,255,.055) 28%,
            rgba(228,185,95,.035) 48%,
            transparent 72%
        );

    filter:
        blur(18px);

    opacity:.72;

    z-index:-2;

    animation:
        innerNodeHalo
        4.8s
        ease-in-out
        infinite;

    pointer-events:none;

}


/* ---------------------------------------------------------
   10.7 — NODE RADIATION RING
   ۱۰.۷ — حلقه تابشی نود
   --------------------------------------------------------- */

.orbit-inner .orbit-item a::after{

    content:"";

    position:absolute;

    inset:-13%;

    border-radius:50%;

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

    box-shadow:

        0 0 10px
        rgba(22,140,255,.16),

        0 0 26px
        rgba(82,182,255,.08);

    opacity:.8;

    animation:
        innerNodeRing
        9s
        linear
        infinite;

    pointer-events:none;

}


/* ---------------------------------------------------------
   10.8 — NODE LOGO
   ۱۰.۸ — لوگوی نود
   --------------------------------------------------------- */

.orbit-inner .orbit-item img{

    position:relative;

    width:
        68%;

    height:
        68%;

    object-fit:
        contain;

    z-index:5;

    display:block;

    filter:

        drop-shadow(
            0 0 5px
            rgba(255,255,255,.18)
        )

        drop-shadow(
            0 0 14px
            rgba(228,185,95,.30)
        )

        drop-shadow(
            0 0 28px
            rgba(22,140,255,.22)
        );

    animation:
        innerLogoBreath
        4s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   10.9 — NODE ENERGY PARTICLES
   ۱۰.۹ — ذرات انرژی نود
   --------------------------------------------------------- */

.orbit-inner .orbit-item{

    --node-energy:
        rgba(82,182,255,.9);

}


.orbit-inner .orbit-item a span{

    position:absolute;

    inset:-28%;

    border-radius:50%;

    pointer-events:none;

}


/* ---------------------------------------------------------
   10.10 — NODE HOVER
   ۱۰.۱۰ — تعامل حرفه‌ای نود
   --------------------------------------------------------- */

.orbit-inner .orbit-item:hover a{

    transform:
        scale(1.18);

    filter:
        brightness(1.18);

    box-shadow:

        inset 0 0 30px
        rgba(22,140,255,.10),

        0 0 20px
        rgba(255,241,184,.20),

        0 0 48px
        rgba(22,140,255,.22),

        0 0 90px
        rgba(228,185,95,.10);

}


.orbit-inner .orbit-item:hover a::before{

    opacity:
        1;

    filter:
        blur(24px);

    transform:
        scale(1.18);

}


.orbit-inner .orbit-item:hover a::after{

    border-color:
        rgba(255,241,184,.42);

}


/* ---------------------------------------------------------
   10.11 — INNER NODE POSITIONS
   ۱۰.۱۱ — مختصات شش نود داخلی
   --------------------------------------------------------- */

.orbit-inner .orbit-1{

    transform:
        translate(-50%,-50%)
        rotate(0deg)
        translateY(-165%);

}


.orbit-inner .orbit-2{

    transform:
        translate(-50%,-50%)
        rotate(60deg)
        translateY(-165%);

}


.orbit-inner .orbit-3{

    transform:
        translate(-50%,-50%)
        rotate(120deg)
        translateY(-165%);

}


.orbit-inner .orbit-4{

    transform:
        translate(-50%,-50%)
        rotate(180deg)
        translateY(-165%);

}


.orbit-inner .orbit-5{

    transform:
        translate(-50%,-50%)
        rotate(240deg)
        translateY(-165%);

}


.orbit-inner .orbit-6{

    transform:
        translate(-50%,-50%)
        rotate(300deg)
        translateY(-165%);

}


/* ---------------------------------------------------------
   10.12 — INNER ORBIT MOTION
   ۱۰.۱۲ — حرکت کل مدار داخلی
   --------------------------------------------------------- */

@keyframes innerOrbitRotation{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes innerOrbitBreath{

    0%,
    100%{

        transform:
            scale(.94);

        opacity:.58;

    }

    50%{

        transform:
            scale(1.06);

        opacity:1;

    }

}


@keyframes innerRingPulse{

    0%,
    100%{

        opacity:.35;

        transform:
            scale(.96);

    }

    50%{

        opacity:.85;

        transform:
            scale(1.04);

    }

}


@keyframes innerNodeHalo{

    0%,
    100%{

        transform:
            scale(.92);

        opacity:.48;

    }

    50%{

        transform:
            scale(1.12);

        opacity:.95;

    }

}


@keyframes innerNodeRing{

    from{

        transform:
            rotate(0deg);

    }

    to{

        transform:
            rotate(360deg);

    }

}


@keyframes innerLogoBreath{

    0%,
    100%{

        transform:
            scale(.96);

    }

    50%{

        transform:
            scale(1.045);

    }

}


/* ---------------------------------------------------------
   10.13 — MOBILE INNER ORBIT
   ۱۰.۱۳ — حفظ ساختار در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .orbit-inner{

        width:
            54%;

        height:
            54%;

    }

    .orbit-inner .orbit-item{

        width:
            clamp(
                62px,
                17vw,
                92px
            );

    }

    .orbit-inner .orbit-1,
    .orbit-inner .orbit-2,
    .orbit-inner .orbit-3,
    .orbit-inner .orbit-4,
    .orbit-inner .orbit-5,
    .orbit-inner .orbit-6{

        transform-origin:
            center;

    }

}


/* =========================================================
   V3 — LOCKED
   ۱۰ — INNER ORBIT SYSTEM / سیستم مدار داخلی
========================================================= */
/* =========================================================
   11 — OUTER ORBIT SYSTEM
   ۱۱ — سیستم مدار بیرونی / هفت اوربیتال گسترده
   ========================================================= */

/* ---------------------------------------------------------
   11.1 — OUTER ORBIT MASTER
   ۱۱.۱ — ساختار اصلی مدار بیرونی
   --------------------------------------------------------- */

.orbit-outer{

    position:absolute;

    left:50%;
    top:50%;

    width:
        72%;

    height:
        72%;

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

    border-radius:50%;

    z-index:30;

    pointer-events:none;

    animation:
        outerOrbitRotation
        58s
        linear
        infinite;

}


/* ---------------------------------------------------------
   11.2 — OUTER COSMIC ENERGY FIELD
   ۱۱.۲ — میدان انرژی کیهانی مدار بیرونی
   --------------------------------------------------------- */

.orbit-outer::before{

    content:"";

    position:absolute;

    inset:-18%;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(22,140,255,.065),
            transparent 35%
        ),

        radial-gradient(
            circle,
            rgba(228,185,95,.035),
            transparent 55%
        ),

        radial-gradient(
            circle,
            rgba(82,182,255,.025),
            transparent 72%
        );

    filter:
        blur(34px);

    opacity:.9;

    animation:
        outerFieldBreath
        10s
        ease-in-out
        infinite;

    pointer-events:none;

}


/* ---------------------------------------------------------
   11.3 — OUTER ORBIT RADIATION SHELL
   ۱۱.۳ — پوسته تابشی مدار بیرونی
   --------------------------------------------------------- */

.orbit-outer::after{

    content:"";

    position:absolute;

    inset:-5%;

    border-radius:50%;

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

    box-shadow:

        0 0 30px
        rgba(22,140,255,.045),

        0 0 75px
        rgba(228,185,95,.025),

        inset 0 0 45px
        rgba(22,140,255,.025);

    animation:
        outerShellRotation
        90s
        linear
        infinite reverse;

    pointer-events:none;

}


/* ---------------------------------------------------------
   11.4 — OUTER ORBIT ITEMS
   ۱۱.۴ — نودهای هفت‌گانه مدار بیرونی
   --------------------------------------------------------- */

.orbit-outer .orbit-item{

    position:absolute;

    left:50%;
    top:50%;

    width:
        clamp(
            78px,
            8vw,
            118px
        );

    aspect-ratio:1;

    transform-origin:
        center;

    pointer-events:auto;

}


/* ---------------------------------------------------------
   11.5 — OUTER NODE MASTER
   ۱۱.۵ — هسته اصلی هر نود بیرونی
   --------------------------------------------------------- */

.orbit-outer .orbit-item a{

    position:relative;

    width:100%;
    height:100%;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    overflow:visible;

    isolation:isolate;

    text-decoration:none;

    background:

        radial-gradient(
            circle at 40% 35%,
            rgba(16,35,61,.94),
            rgba(4,12,24,.98) 66%,
            rgba(0,3,9,1) 100%
        );

    border:
        1px solid
        rgba(228,185,95,.19);

    box-shadow:

        inset 0 0 20px
        rgba(22,140,255,.045),

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

        0 0 12px
        rgba(228,185,95,.085),

        0 0 30px
        rgba(22,140,255,.065);

    transition:
        transform .8s var(--ars-ease),
        filter .8s var(--ars-ease),
        box-shadow .8s var(--ars-ease);

}


/* ---------------------------------------------------------
   11.6 — OUTER NODE HALO
   ۱۱.۶ — هاله چندلایه انرژی نود
   --------------------------------------------------------- */

.orbit-outer .orbit-item a::before{

    content:"";

    position:absolute;

    inset:-52%;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(22,140,255,.085),
            rgba(82,182,255,.045) 25%,
            rgba(228,185,95,.028) 43%,
            rgba(184,137,63,.012) 56%,
            transparent 74%
        );

    filter:
        blur(21px);

    opacity:.66;

    z-index:-2;

    animation:
        outerNodeHalo
        5.5s
        ease-in-out
        infinite;

    pointer-events:none;

}


/* ---------------------------------------------------------
   11.7 — OUTER NODE ENERGY RING
   ۱۱.۷ — حلقه انرژی نود بیرونی
   --------------------------------------------------------- */

.orbit-outer .orbit-item a::after{

    content:"";

    position:absolute;

    inset:-16%;

    border-radius:50%;

    border:
        1px dashed
        rgba(82,182,255,.15);

    box-shadow:

        0 0 12px
        rgba(22,140,255,.13),

        0 0 30px
        rgba(228,185,95,.065);

    animation:
        outerNodeRing
        11s
        linear
        infinite;

    pointer-events:none;

}


/* ---------------------------------------------------------
   11.8 — OUTER NODE LOGO
   ۱۱.۸ — لوگوی نود بیرونی
   --------------------------------------------------------- */

.orbit-outer .orbit-item img{

    position:relative;

    width:
        66%;

    height:
        66%;

    object-fit:
        contain;

    display:block;

    z-index:5;

    filter:

        drop-shadow(
            0 0 5px
            rgba(255,255,255,.16)
        )

        drop-shadow(
            0 0 13px
            rgba(228,185,95,.24)
        )

        drop-shadow(
            0 0 30px
            rgba(22,140,255,.18)
        );

    animation:
        outerLogoBreath
        4.8s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   11.9 — OUTER ENERGY PARTICLES
   ۱۱.۹ — ذرات انرژی پیرامون نودها
   --------------------------------------------------------- */

.orbit-outer .orbit-item a span{

    position:absolute;

    inset:-30%;

    border-radius:50%;

    pointer-events:none;

}


/* ---------------------------------------------------------
   11.10 — OUTER NODE HOVER
   ۱۱.۱۰ — تعامل نود بیرونی
   --------------------------------------------------------- */

.orbit-outer .orbit-item:hover a{

    transform:
        scale(1.2);

    filter:
        brightness(1.2);

    box-shadow:

        inset 0 0 28px
        rgba(22,140,255,.09),

        0 0 18px
        rgba(255,241,184,.16),

        0 0 44px
        rgba(22,140,255,.18),

        0 0 85px
        rgba(228,185,95,.08);

}


.orbit-outer .orbit-item:hover a::before{

    opacity:
        1;

    filter:
        blur(27px);

    transform:
        scale(1.2);

}


.orbit-outer .orbit-item:hover a::after{

    border-color:
        rgba(255,241,184,.36);

}


/* ---------------------------------------------------------
   11.11 — OUTER NODE POSITIONS
   ۱۱.۱۱ — مختصات هفت نود بیرونی
   --------------------------------------------------------- */

.orbit-outer .orbit-7{

    transform:
        translate(-50%,-50%)
        rotate(0deg)
        translateY(-190%);

}


.orbit-outer .orbit-8{

    transform:
        translate(-50%,-50%)
        rotate(51.43deg)
        translateY(-190%);

}


.orbit-outer .orbit-9{

    transform:
        translate(-50%,-50%)
        rotate(102.86deg)
        translateY(-190%);

}


.orbit-outer .orbit-10{

    transform:
        translate(-50%,-50%)
        rotate(154.29deg)
        translateY(-190%);

}


.orbit-outer .orbit-11{

    transform:
        translate(-50%,-50%)
        rotate(205.71deg)
        translateY(-190%);

}


.orbit-outer .orbit-12{

    transform:
        translate(-50%,-50%)
        rotate(257.14deg)
        translateY(-190%);

}


.orbit-outer .orbit-13{

    transform:
        translate(-50%,-50%)
        rotate(308.57deg)
        translateY(-190%);

}


/* ---------------------------------------------------------
   11.12 — OUTER ORBIT MOTION
   ۱۱.۱۲ — سیستم حرکتی مدار بیرونی
   --------------------------------------------------------- */

@keyframes outerOrbitRotation{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes outerFieldBreath{

    0%,
    100%{

        transform:
            scale(.92);

        opacity:.48;

    }

    50%{

        transform:
            scale(1.08);

        opacity:1;

    }

}


@keyframes outerShellRotation{

    from{

        transform:
            rotate(0deg);

    }

    to{

        transform:
            rotate(360deg);

    }

}


@keyframes outerNodeHalo{

    0%,
    100%{

        transform:
            scale(.9);

        opacity:.4;

    }

    50%{

        transform:
            scale(1.14);

        opacity:.9;

    }

}


@keyframes outerNodeRing{

    from{

        transform:
            rotate(0deg);

    }

    to{

        transform:
            rotate(360deg);

    }

}


@keyframes outerLogoBreath{

    0%,
    100%{

        transform:
            scale(.95);

    }

    50%{

        transform:
            scale(1.045);

    }

}


/* ---------------------------------------------------------
   11.13 — MOBILE OUTER ORBIT
   ۱۱.۱۳ — حفظ مدار بیرونی در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .orbit-outer{

        width:
            82%;

        height:
            82%;

    }

    .orbit-outer .orbit-item{

        width:
            clamp(
                56px,
                15vw,
                82px
            );

    }

}


/* =========================================================
   V4 — LOCKED
   ۱۱ — OUTER ORBIT SYSTEM / سیستم مدار بیرونی
   ========================================================= */

/* =========================================================
   12 — ENERGY NETWORK SYSTEM
   ۱۲ — سیستم شبکه انرژی چندلایه
   ========================================================= */


/* ---------------------------------------------------------
   12.1 — MASTER ENERGY FIELD
   ۱۲.۱ — میدان اصلی انرژی کل منظومه
   --------------------------------------------------------- */

.ars-orbit .energy-network{

    position:absolute;

    inset:-18%;

    z-index:12;

    pointer-events:none;

    border-radius:50%;

    overflow:visible;

}


/* ---------------------------------------------------------
   12.2 — GLOBAL ENERGY AURA
   ۱۲.۲ — هاله انرژی سراسری
   --------------------------------------------------------- */

.ars-orbit .energy-network::before{

    content:"";

    position:absolute;

    inset:-10%;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(22,140,255,.09) 0%,
            rgba(22,140,255,.045) 22%,
            rgba(228,185,95,.035) 40%,
            rgba(184,137,63,.018) 56%,
            transparent 74%
        );

    filter:
        blur(38px);

    opacity:.82;

    animation:
        globalEnergyBreath
        8s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   12.3 — ENERGY FIELD SECONDARY LAYER
   ۱۲.۳ — لایه دوم میدان انرژی
   --------------------------------------------------------- */

.ars-orbit .energy-network::after{

    content:"";

    position:absolute;

    inset:4%;

    border-radius:50%;

    background:

        repeating-radial-gradient(
            circle at center,
            transparent 0,
            transparent 7%,
            rgba(82,182,255,.018) 7.2%,
            transparent 7.7%
        );

    opacity:.65;

    filter:
        blur(1px);

    animation:
        energyFieldExpansion
        16s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   12.4 — CORE ENERGY RAYS
   ۱۲.۴ — شعاع‌های مستقیم انرژی از هسته
   --------------------------------------------------------- */

.ars-orbit .energy-ray{

    position:absolute;

    left:50%;
    top:50%;

    height:1px;

    transform-origin:left center;

    border-radius:999px;

    background:

        linear-gradient(
            90deg,
            rgba(255,241,184,.85),
            rgba(228,185,95,.55) 22%,
            rgba(82,182,255,.28) 58%,
            transparent 100%
        );

    box-shadow:

        0 0 5px
        rgba(255,241,184,.42),

        0 0 14px
        rgba(228,185,95,.22),

        0 0 30px
        rgba(22,140,255,.12);

    opacity:.68;

    overflow:visible;

}


/* ---------------------------------------------------------
   12.5 — INNER ENERGY RAYS
   ۱۲.۵ — شعاع‌های انرژی به مدار داخلی
   --------------------------------------------------------- */

.ars-orbit .energy-ray.inner{

    width:
        23%;

}


/* ---------------------------------------------------------
   12.6 — OUTER ENERGY RAYS
   ۱۲.۶ — شعاع‌های انرژی به مدار بیرونی
   --------------------------------------------------------- */

.ars-orbit .energy-ray.outer{

    width:
        36%;

    opacity:.42;

}


/* ---------------------------------------------------------
   12.7 — RAY POSITIONS
   ۱۲.۷ — مسیرهای چندگانه انرژی
   --------------------------------------------------------- */

.ars-orbit .energy-ray.ray-1{

    transform:
        rotate(0deg);

}


.ars-orbit .energy-ray.ray-2{

    transform:
        rotate(60deg);

}


.ars-orbit .energy-ray.ray-3{

    transform:
        rotate(120deg);

}


.ars-orbit .energy-ray.ray-4{

    transform:
        rotate(180deg);

}


.ars-orbit .energy-ray.ray-5{

    transform:
        rotate(240deg);

}


.ars-orbit .energy-ray.ray-6{

    transform:
        rotate(300deg);

}


/* ---------------------------------------------------------
   12.8 — ENERGY PULSE
   ۱۲.۸ — پالس متحرک انرژی
   --------------------------------------------------------- */

.ars-orbit .energy-ray i{

    position:absolute;

    left:0;

    top:50%;

    width:8px;
    height:8px;

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

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(255,255,245,1) 0%,
            rgba(255,241,184,.95) 30%,
            rgba(82,182,255,.7) 60%,
            transparent 100%
        );

    box-shadow:

        0 0 6px
        rgba(255,255,245,.95),

        0 0 15px
        rgba(255,241,184,.75),

        0 0 30px
        rgba(22,140,255,.4);

    animation:
        energyPulseTravel
        3.8s
        linear
        infinite;

}


/* ---------------------------------------------------------
   12.9 — SECONDARY ORBITAL CONNECTIONS
   ۱۲.۹ — اتصال‌های ثانویه بین مدارها
   --------------------------------------------------------- */

.ars-orbit .energy-link{

    position:absolute;

    left:50%;
    top:50%;

    height:1px;

    transform-origin:left center;

    border-radius:999px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(82,182,255,.22),
            rgba(228,185,95,.14),
            transparent
        );

    box-shadow:

        0 0 8px
        rgba(22,140,255,.08);

    opacity:.42;

}


/* ---------------------------------------------------------
   12.10 — SECONDARY LINK POSITIONS
   ۱۲.۱۰ — مسیرهای اتصال ثانویه
   --------------------------------------------------------- */

.ars-orbit .energy-link.link-a{

    width:42%;

    transform:
        rotate(30deg);

}


.ars-orbit .energy-link.link-b{

    width:42%;

    transform:
        rotate(90deg);

}


.ars-orbit .energy-link.link-c{

    width:42%;

    transform:
        rotate(150deg);

}


.ars-orbit .energy-link.link-d{

    width:42%;

    transform:
        rotate(210deg);

}


.ars-orbit .energy-link.link-e{

    width:42%;

    transform:
        rotate(270deg);

}


.ars-orbit .energy-link.link-f{

    width:42%;

    transform:
        rotate(330deg);

}


/* ---------------------------------------------------------
   12.11 — ENERGY PARTICLE FIELD
   ۱۲.۱۱ — میدان ذرات انرژی
   --------------------------------------------------------- */

.ars-orbit .energy-particles{

    position:absolute;

    inset:-8%;

    border-radius:50%;

    pointer-events:none;

    background:

        radial-gradient(
            circle at 12% 28%,
            rgba(82,182,255,.9) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 24% 76%,
            rgba(255,241,184,.9) 0 1.5px,
            transparent 3px
        ),

        radial-gradient(
            circle at 52% 12%,
            rgba(22,140,255,.8) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 77% 27%,
            rgba(228,185,95,.9) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 88% 61%,
            rgba(82,182,255,.75) 0 1.5px,
            transparent 3px
        ),

        radial-gradient(
            circle at 66% 88%,
            rgba(255,241,184,.8) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 31% 91%,
            rgba(22,140,255,.7) 0 1px,
            transparent 3px
        );

    opacity:.7;

    animation:
        particleFieldDrift
        22s
        linear
        infinite;

}


/* ---------------------------------------------------------
   12.12 — ORBITAL ENERGY RINGS
   ۱۲.۱۲ — حلقه‌های انرژی چندسطحی
   --------------------------------------------------------- */

.ars-orbit .energy-orbit-ring{

    position:absolute;

    left:50%;
    top:50%;

    border-radius:50%;

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

    pointer-events:none;

}


.ars-orbit .energy-orbit-ring.ring-1{

    width:34%;
    height:34%;

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

    box-shadow:
        0 0 18px
        rgba(228,185,95,.08);

    animation:
        energyRingSpin
        16s
        linear
        infinite;

}


.ars-orbit .energy-orbit-ring.ring-2{

    width:52%;
    height:52%;

    border:
        1px dashed
        rgba(82,182,255,.075);

    animation:
        energyRingSpinReverse
        25s
        linear
        infinite;

}


.ars-orbit .energy-orbit-ring.ring-3{

    width:69%;
    height:69%;

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

    box-shadow:
        0 0 30px
        rgba(22,140,255,.035);

    animation:
        energyRingSpin
        38s
        linear
        infinite;

}


.ars-orbit .energy-orbit-ring.ring-4{

    width:86%;
    height:86%;

    border:
        1px dashed
        rgba(228,185,95,.04);

    animation:
        energyRingSpinReverse
        55s
        linear
        infinite;

}


/* ---------------------------------------------------------
   12.13 — ENERGY MOTION
   ۱۲.۱۳ — موتور حرکت انرژی
   --------------------------------------------------------- */

@keyframes globalEnergyBreath{

    0%,
    100%{

        transform:
            scale(.9);

        opacity:.42;

    }

    50%{

        transform:
            scale(1.08);

        opacity:1;

    }

}


@keyframes energyFieldExpansion{

    0%,
    100%{

        transform:
            scale(.96);

        opacity:.3;

    }

    50%{

        transform:
            scale(1.04);

        opacity:.75;

    }

}


@keyframes energyPulseTravel{

    from{

        left:0;

        opacity:0;

    }

    8%{

        opacity:1;

    }

    85%{

        opacity:1;

    }

    100%{

        left:100%;

        opacity:0;

    }

}


@keyframes particleFieldDrift{

    from{

        transform:
            rotate(0deg)
            scale(1);

    }

    50%{

        transform:
            rotate(180deg)
            scale(1.025);

    }

    to{

        transform:
            rotate(360deg)
            scale(1);

    }

}


@keyframes energyRingSpin{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes energyRingSpinReverse{

    from{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

}


/* ---------------------------------------------------------
   12.14 — MOBILE ENERGY SYSTEM
   ۱۲.۱۴ — سیستم انرژی در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit .energy-network{

        inset:-24%;

    }

    .ars-orbit .energy-ray{

        opacity:.52;

    }

    .ars-orbit .energy-ray.outer{

        opacity:.30;

    }

    .ars-orbit .energy-ray i{

        width:6px;
        height:6px;

    }

    .ars-orbit .energy-orbit-ring.ring-4{

        opacity:.45;

    }

}


/* =========================================================
   V5 — LOCKED
   ۱۲ — ENERGY NETWORK SYSTEM / سیستم شبکه انرژی
   ========================================================= */

/* =========================================================
   13 — ORBITAL PARTICLE & RADIATION INTELLIGENCE
   ۱۳ — هوش ذرات و تابش مداری
   ========================================================= */


/* ---------------------------------------------------------
   13.1 — MASTER PARTICLE INTELLIGENCE FIELD
   ۱۳.۱ — میدان اصلی هوش ذرات
   --------------------------------------------------------- */

.ars-orbit .particle-intelligence{

    position:absolute;

    inset:-20%;

    z-index:14;

    pointer-events:none;

    border-radius:50%;

    overflow:visible;

}


/* ---------------------------------------------------------
   13.2 — PARTICLE ATMOSPHERE
   ۱۳.۲ — اتمسفر ذرات شناور
   --------------------------------------------------------- */

.ars-orbit .particle-intelligence::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:50%;

    background:

        radial-gradient(
            circle at 14% 31%,
            rgba(82,182,255,.95) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 21% 63%,
            rgba(255,241,184,.9) 0 1.5px,
            transparent 3px
        ),

        radial-gradient(
            circle at 35% 17%,
            rgba(22,140,255,.85) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 48% 7%,
            rgba(255,255,255,.75) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 69% 18%,
            rgba(228,185,95,.9) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 84% 39%,
            rgba(82,182,255,.85) 0 1.5px,
            transparent 3px
        ),

        radial-gradient(
            circle at 91% 67%,
            rgba(255,241,184,.8) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 72% 87%,
            rgba(22,140,255,.85) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 47% 94%,
            rgba(228,185,95,.8) 0 1.5px,
            transparent 3px
        ),

        radial-gradient(
            circle at 19% 84%,
            rgba(82,182,255,.8) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 7% 58%,
            rgba(255,255,255,.7) 0 1px,
            transparent 3px
        );

    opacity:.68;

    animation:
        intelligentParticleDrift
        34s
        linear
        infinite;

}


/* ---------------------------------------------------------
   13.3 — SECOND PARTICLE LAYER
   ۱۳.۳ — لایه دوم ذرات
   --------------------------------------------------------- */

.ars-orbit .particle-intelligence::after{

    content:"";

    position:absolute;

    inset:6%;

    border-radius:50%;

    background:

        radial-gradient(
            circle at 11% 48%,
            rgba(22,140,255,.8) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 31% 74%,
            rgba(255,241,184,.85) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 54% 22%,
            rgba(82,182,255,.8) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 79% 53%,
            rgba(228,185,95,.75) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 61% 91%,
            rgba(255,255,255,.7) 0 1px,
            transparent 3px
        );

    opacity:.42;

    animation:
        intelligentParticleDriftReverse
        47s
        linear
        infinite;

}


/* ---------------------------------------------------------
   13.4 — RADIATION SPIKES
   ۱۳.۴ — شراره‌های شعاعی
   --------------------------------------------------------- */

.ars-orbit .radiation-spike{

    position:absolute;

    left:50%;
    top:50%;

    width:
        38%;

    height:
        1px;

    transform-origin:
        left center;

    border-radius:999px;

    background:

        linear-gradient(
            90deg,
            rgba(255,241,184,.7),
            rgba(228,185,95,.30) 30%,
            rgba(82,182,255,.16) 62%,
            transparent
        );

    box-shadow:

        0 0 6px
        rgba(255,241,184,.25),

        0 0 18px
        rgba(22,140,255,.12);

    opacity:.38;

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

}


/* ---------------------------------------------------------
   13.5 — SPIKE ANGLES
   ۱۳.۵ — زوایای شراره‌ها
   --------------------------------------------------------- */

.ars-orbit .radiation-spike.spike-1{
    transform:rotate(17deg);
}

.ars-orbit .radiation-spike.spike-2{
    transform:rotate(74deg);
}

.ars-orbit .radiation-spike.spike-3{
    transform:rotate(129deg);
}

.ars-orbit .radiation-spike.spike-4{
    transform:rotate(186deg);
}

.ars-orbit .radiation-spike.spike-5{
    transform:rotate(241deg);
}

.ars-orbit .radiation-spike.spike-6{
    transform:rotate(297deg);
}

.ars-orbit .radiation-spike.spike-7{
    transform:rotate(343deg);
}


/* ---------------------------------------------------------
   13.6 — RADIATION CORE FLASH
   ۱۳.۶ — فلش انرژی مرکزی
   --------------------------------------------------------- */

.ars-orbit .radiation-core-flash{

    position:absolute;

    left:50%;
    top:50%;

    width:9%;
    height:9%;

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

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(255,255,255,.95) 0%,
            rgba(255,241,184,.62) 20%,
            rgba(82,182,255,.22) 48%,
            transparent 75%
        );

    filter:
        blur(4px);

    opacity:.48;

    animation:
        radiationCoreFlash
        3.8s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   13.7 — ENERGY STREAMS
   ۱۳.۷ — جریان‌های انرژی شناور
   --------------------------------------------------------- */

.ars-orbit .energy-stream{

    position:absolute;

    left:50%;
    top:50%;

    width:
        30%;

    height:
        2px;

    transform-origin:
        left center;

    border-radius:999px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(82,182,255,.25),
            rgba(255,241,184,.62),
            rgba(22,140,255,.18),
            transparent
        );

    filter:
        blur(.15px);

    opacity:.38;

    overflow:visible;

}


/* ---------------------------------------------------------
   13.8 — STREAM PULSES
   ۱۳.۸ — پالس‌های جریان انرژی
   --------------------------------------------------------- */

.ars-orbit .energy-stream i{

    position:absolute;

    left:0;
    top:50%;

    width:6px;
    height:6px;

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

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            #ffffff 0%,
            rgba(255,241,184,.95) 30%,
            rgba(82,182,255,.75) 62%,
            transparent 100%
        );

    box-shadow:

        0 0 7px
        rgba(255,255,255,.9),

        0 0 18px
        rgba(82,182,255,.65);

    animation:
        streamPulseTravel
        3.2s
        linear
        infinite;

}


/* ---------------------------------------------------------
   13.9 — STREAM POSITIONS
   ۱۳.۹ — مسیرهای جریان
   --------------------------------------------------------- */

.ars-orbit .energy-stream.stream-1{
    transform:rotate(28deg);
}

.ars-orbit .energy-stream.stream-2{
    transform:rotate(91deg);
    width:34%;
}

.ars-orbit .energy-stream.stream-3{
    transform:rotate(151deg);
    width:31%;
}

.ars-orbit .energy-stream.stream-4{
    transform:rotate(214deg);
    width:35%;
}

.ars-orbit .energy-stream.stream-5{
    transform:rotate(276deg);
    width:32%;
}

.ars-orbit .energy-stream.stream-6{
    transform:rotate(331deg);
    width:34%;
}


/* ---------------------------------------------------------
   13.10 — ORBITAL LIGHT BEACONS
   ۱۳.۱۰ — فانوس‌های نوری مداری
   --------------------------------------------------------- */

.ars-orbit .orbital-beacon{

    position:absolute;

    width:5px;
    height:5px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            #ffffff 0%,
            rgba(255,241,184,.95) 32%,
            rgba(82,182,255,.65) 62%,
            transparent 100%
        );

    box-shadow:

        0 0 6px
        rgba(255,255,255,.9),

        0 0 16px
        rgba(255,241,184,.7),

        0 0 32px
        rgba(22,140,255,.42);

    animation:
        beaconPulse
        2.8s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   13.11 — BEACON POSITIONS
   ۱۳.۱۱ — مختصات فانوس‌های نوری
   --------------------------------------------------------- */

.ars-orbit .orbital-beacon.beacon-1{
    left:18%;
    top:39%;
}

.ars-orbit .orbital-beacon.beacon-2{
    left:31%;
    top:19%;
}

.ars-orbit .orbital-beacon.beacon-3{
    left:52%;
    top:11%;
}

.ars-orbit .orbital-beacon.beacon-4{
    left:76%;
    top:27%;
}

.ars-orbit .orbital-beacon.beacon-5{
    left:87%;
    top:56%;
}

.ars-orbit .orbital-beacon.beacon-6{
    left:69%;
    top:82%;
}

.ars-orbit .orbital-beacon.beacon-7{
    left:42%;
    top:91%;
}

.ars-orbit .orbital-beacon.beacon-8{
    left:16%;
    top:72%;
}


/* ---------------------------------------------------------
   13.12 — MOTION SYSTEM
   ۱۳.۱۲ — سیستم حرکتی هوشمند ذرات
   --------------------------------------------------------- */

@keyframes intelligentParticleDrift{

    from{

        transform:
            rotate(0deg)
            scale(1);

    }

    50%{

        transform:
            rotate(180deg)
            scale(1.025);

    }

    to{

        transform:
            rotate(360deg)
            scale(1);

    }

}


@keyframes intelligentParticleDriftReverse{

    from{

        transform:
            rotate(360deg)
            scale(1);

    }

    50%{

        transform:
            rotate(180deg)
            scale(1.035);

    }

    to{

        transform:
            rotate(0deg)
            scale(1);

    }

}


@keyframes radiationBreath{

    0%,
    100%{

        opacity:.18;

        transform-origin:left center;

        scale:.86;

    }

    50%{

        opacity:.65;

        scale:1.08;

    }

}


@keyframes radiationCoreFlash{

    0%,
    100%{

        transform:
            translate(-50%,-50%)
            scale(.72);

        opacity:.25;

    }

    50%{

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

        opacity:.8;

    }

}


@keyframes streamPulseTravel{

    0%{

        left:0;

        opacity:0;

    }

    10%{

        opacity:1;

    }

    82%{

        opacity:1;

    }

    100%{

        left:100%;

        opacity:0;

    }

}


@keyframes beaconPulse{

    0%,
    100%{

        transform:scale(.65);

        opacity:.28;

    }

    50%{

        transform:scale(1.5);

        opacity:1;

    }

}


/* ---------------------------------------------------------
   13.13 — MOBILE RADIATION CONTROL
   ۱۳.۱۳ — کنترل تابش در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit .particle-intelligence{

        inset:-25%;

    }

    .ars-orbit .radiation-spike{

        width:34%;

        opacity:.30;

    }

    .ars-orbit .energy-stream{

        opacity:.28;

    }

    .ars-orbit .orbital-beacon{

        width:4px;
        height:4px;

    }

}


/* =========================================================
   V6 — LOCKED
   ۱۳ — ORBITAL PARTICLE & RADIATION INTELLIGENCE
   ========================================================= */


/* =========================================================
   V7 — ADVANCED NODE INTELLIGENCE
   ۱۴ — هوش پیشرفته و شخصیت بصری ۱۳ نود
   ========================================================= */


/* ---------------------------------------------------------
   14.1 — NODE INTELLIGENCE MASTER
   ۱۴.۱ — میدان اصلی هوش نودها
   --------------------------------------------------------- */

.ars-orbit .orbit-item{

    position:absolute;

    isolation:isolate;

    z-index:30;

    transition:
        transform .9s var(--ars-ease),
        filter .9s var(--ars-ease);

}


/* ---------------------------------------------------------
   14.2 — NODE ATMOSPHERIC HALO
   ۱۴.۲ — هاله اتمسفری اختصاصی نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item::before{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:175%;
    height:175%;

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

    border-radius:50%;

    pointer-events:none;

    z-index:-3;

    background:

        radial-gradient(
            circle,
            rgba(22,140,255,.12) 0%,
            rgba(22,140,255,.055) 28%,
            rgba(228,185,95,.035) 45%,
            transparent 72%
        );

    filter:
        blur(18px);

    opacity:.72;

    animation:
        nodeAtmosphereBreath
        5.5s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   14.3 — NODE RADIATION SHELL
   ۱۴.۳ — پوسته تابشی اختصاصی نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item::after{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:132%;
    height:132%;

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

    border-radius:50%;

    pointer-events:none;

    z-index:-2;

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

    box-shadow:

        0 0 10px
        rgba(82,182,255,.15),

        0 0 24px
        rgba(22,140,255,.10),

        0 0 45px
        rgba(228,185,95,.055),

        inset 0 0 18px
        rgba(22,140,255,.045);

    animation:
        nodeRadiationRotate
        16s
        linear
        infinite;

}


/* ---------------------------------------------------------
   14.4 — NODE LINK / ANCHOR
   ۱۴.۴ — حلقه لنگر نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item a{

    position:relative;

    display:flex;

    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;

    border-radius:50%;

    isolation:isolate;

    transition:
        transform .8s var(--ars-ease),
        filter .8s var(--ars-ease);

}


/* ---------------------------------------------------------
   14.5 — NODE INNER LIGHT
   ۱۴.۵ — نور داخلی نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item a::before{

    content:"";

    position:absolute;

    inset:-10%;

    border-radius:50%;

    pointer-events:none;

    z-index:-1;

    background:

        radial-gradient(
            circle,
            rgba(255,255,255,.055),
            rgba(22,140,255,.035) 34%,
            transparent 70%
        );

    filter:
        blur(7px);

    opacity:.85;

}


/* ---------------------------------------------------------
   14.6 — NODE SCANNING RING
   ۱۴.۶ — حلقه اسکن نوری نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item a::after{

    content:"";

    position:absolute;

    inset:-15%;

    border-radius:50%;

    pointer-events:none;

    z-index:3;

    border:
        1px solid
        transparent;

    background:

        conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 285deg,
            rgba(82,182,255,.0) 300deg,
            rgba(82,182,255,.72) 322deg,
            rgba(255,241,184,.95) 336deg,
            rgba(82,182,255,.0) 350deg,
            transparent 360deg
        );

    -webkit-mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 calc(100% - 1px)
        );

    mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 calc(100% - 1px)
        );

    animation:
        nodeScanRotate
        4.8s
        linear
        infinite;

    opacity:.72;

}


/* ---------------------------------------------------------
   14.7 — NODE IMAGE DEPTH
   ۱۴.۷ — عمق سه‌بعدی تصویر نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item img{

    position:relative;

    display:block;

    width:100%;
    height:100%;

    object-fit:contain;

    z-index:5;

    filter:

        drop-shadow(
            0 0 4px
            rgba(255,255,255,.22)
        )

        drop-shadow(
            0 0 12px
            rgba(228,185,95,.18)
        )

        drop-shadow(
            0 0 28px
            rgba(22,140,255,.20)
        );

    transform:
        translateZ(0);

    transition:
        transform .8s var(--ars-ease),
        filter .8s var(--ars-ease);

}


/* ---------------------------------------------------------
   14.8 — NODE ENERGY EDGE
   ۱۴.۸ — لبه انرژی نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item a{

    box-shadow:

        0 0 0 1px
        rgba(228,185,95,.08),

        0 0 12px
        rgba(22,140,255,.08),

        0 0 30px
        rgba(22,140,255,.055);

}


/* ---------------------------------------------------------
   14.9 — NODE HOVER INTELLIGENCE
   ۱۴.۹ — واکنش هوشمند نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item:hover{

    z-index:80;

    filter:
        brightness(1.16);

}


.ars-orbit .orbit-item:hover a{

    transform:
        scale(1.14);

}


.ars-orbit .orbit-item:hover img{

    transform:
        scale(1.08);

    filter:

        drop-shadow(
            0 0 7px
            rgba(255,255,255,.38)
        )

        drop-shadow(
            0 0 20px
            rgba(255,241,184,.48)
        )

        drop-shadow(
            0 0 45px
            rgba(22,140,255,.48)
        );

}


.ars-orbit .orbit-item:hover::before{

    width:215%;
    height:215%;

    opacity:1;

    filter:
        blur(24px);

}


.ars-orbit .orbit-item:hover::after{

    width:150%;
    height:150%;

    border-color:
        rgba(82,182,255,.30);

    box-shadow:

        0 0 15px
        rgba(82,182,255,.28),

        0 0 35px
        rgba(22,140,255,.18),

        0 0 65px
        rgba(228,185,95,.10);

}


/* ---------------------------------------------------------
   14.10 — NODE ACTIVE STATE
   ۱۴.۱۰ — حالت فعال نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item.is-selected{

    z-index:90;

    filter:
        brightness(1.22);

}


.ars-orbit .orbit-item.is-selected a{

    transform:
        scale(1.17);

}


.ars-orbit .orbit-item.is-selected img{

    filter:

        drop-shadow(
            0 0 8px
            rgba(255,255,255,.48)
        )

        drop-shadow(
            0 0 25px
            rgba(255,241,184,.62)
        )

        drop-shadow(
            0 0 55px
            rgba(22,140,255,.58)
        );

}


/* ---------------------------------------------------------
   14.11 — NODE INDIVIDUAL ENERGY PERSONALITIES
   ۱۴.۱۱ — شخصیت انرژی مستقل نودها
   --------------------------------------------------------- */

.ars-orbit .orbit-1::before{

    background:
        radial-gradient(
            circle,
            rgba(82,182,255,.16),
            transparent 70%
        );

}

.ars-orbit .orbit-2::before{

    background:
        radial-gradient(
            circle,
            rgba(228,185,95,.14),
            transparent 70%
        );

}

.ars-orbit .orbit-3::before{

    background:
        radial-gradient(
            circle,
            rgba(168,50,50,.12),
            rgba(228,185,95,.035),
            transparent 70%
        );

}

.ars-orbit .orbit-4::before{

    background:
        radial-gradient(
            circle,
            rgba(82,182,255,.15),
            rgba(255,241,184,.035),
            transparent 70%
        );

}

.ars-orbit .orbit-5::before{

    background:
        radial-gradient(
            circle,
            rgba(79,135,97,.13),
            rgba(22,140,255,.035),
            transparent 70%
        );

}

.ars-orbit .orbit-6::before{

    background:
        radial-gradient(
            circle,
            rgba(22,140,255,.17),
            rgba(82,182,255,.045),
            transparent 70%
        );

}

.ars-orbit .orbit-7::before{

    background:
        radial-gradient(
            circle,
            rgba(228,185,95,.13),
            rgba(184,137,63,.04),
            transparent 70%
        );

}

.ars-orbit .orbit-8::before{

    background:
        radial-gradient(
            circle,
            rgba(82,182,255,.12),
            rgba(22,140,255,.035),
            transparent 70%
        );

}

.ars-orbit .orbit-9::before{

    background:
        radial-gradient(
            circle,
            rgba(228,185,95,.15),
            rgba(22,140,255,.035),
            transparent 70%
        );

}

.ars-orbit .orbit-10::before{

    background:
        radial-gradient(
            circle,
            rgba(22,140,255,.13),
            rgba(82,182,255,.035),
            transparent 70%
        );

}

.ars-orbit .orbit-11::before{

    background:
        radial-gradient(
            circle,
            rgba(184,137,63,.14),
            rgba(228,185,95,.035),
            transparent 70%
        );

}

.ars-orbit .orbit-12::before{

    background:
        radial-gradient(
            circle,
            rgba(79,135,97,.12),
            rgba(22,140,255,.035),
            transparent 70%
        );

}

.ars-orbit .orbit-13::before{

    background:
        radial-gradient(
            circle,
            rgba(82,182,255,.18),
            rgba(22,140,255,.055),
            transparent 70%
        );

}


/* ---------------------------------------------------------
   14.12 — ADVANCED NODE MOTION
   ۱۴.۱۲ — سیستم حرکتی پیشرفته نودها
   --------------------------------------------------------- */

@keyframes nodeAtmosphereBreath{

    0%,
    100%{

        transform:
            translate(-50%,-50%)
            scale(.88);

        opacity:.48;

    }

    50%{

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

        opacity:.92;

    }

}


@keyframes nodeRadiationRotate{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes nodeScanRotate{

    from{

        transform:
            rotate(0deg);

    }

    to{

        transform:
            rotate(360deg);

    }

}


/* ---------------------------------------------------------
   14.13 — MOBILE NODE INTELLIGENCE
   ۱۴.۱۳ — حفظ هوش نودها در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit .orbit-item::before{

        width:155%;
        height:155%;

        filter:
            blur(14px);

        opacity:.62;

    }

    .ars-orbit .orbit-item::after{

        width:125%;
        height:125%;

        opacity:.72;

    }

    .ars-orbit .orbit-item a::after{

        inset:-13%;

        opacity:.58;

    }

    .ars-orbit .orbit-item:hover a{

        transform:
            scale(1.08);

    }

    .ars-orbit .orbit-item:hover img{

        transform:
            scale(1.04);

    }

}


/* =========================================================
   V7 — LOCKED
   ۱۴ — ADVANCED NODE INTELLIGENCE
   ========================================================= */

/* ---------------------------------------------------------
   14.14 — NODE MICRO-PULSE NETWORK
   ۱۴.۱۴ — شبکه پالس‌های میکرو انرژی نودها
   --------------------------------------------------------- */

.ars-orbit .orbit-item::marker{
    display:none;
}

.ars-orbit .orbit-item{
    --node-pulse-scale:1;
    --node-pulse-opacity:.55;
}

.ars-orbit .orbit-item a{
    animation:
        nodeMicroPulse
        6.5s
        ease-in-out
        infinite;
}

.ars-orbit .orbit-item:nth-child(2) a{
    animation-delay:-1.1s;
}

.ars-orbit .orbit-item:nth-child(3) a{
    animation-delay:-2.2s;
}

.ars-orbit .orbit-item:nth-child(4) a{
    animation-delay:-3.3s;
}

.ars-orbit .orbit-item:nth-child(5) a{
    animation-delay:-4.4s;
}

.ars-orbit .orbit-item:nth-child(6) a{
    animation-delay:-5.5s;
}

@keyframes nodeMicroPulse{

    0%,
    100%{
        filter:
            brightness(.98)
            saturate(.96);
    }

    50%{
        filter:
            brightness(1.08)
            saturate(1.08);
    }
/* ---------------------------------------------------------
   14.15 — NODE ENERGY AURA LAYERS
   ۱۴.۱۵ — لایه‌های هاله انرژی چندگانه نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item{

    --aura-strength:.7;
}

.ars-orbit .orbit-item a{

    box-shadow:

        0 0 0 1px
        rgba(228,185,95,.08),

        0 0 14px
        rgba(22,140,255,.10),

        0 0 32px
        rgba(22,140,255,.075),

        0 0 58px
        rgba(82,182,255,.045),

        0 0 90px
        rgba(228,185,95,.025);

}

.ars-orbit .orbit-item:hover a{

    box-shadow:

        0 0 0 1px
        rgba(255,241,184,.22),

        0 0 18px
        rgba(255,241,184,.22),

        0 0 38px
        rgba(82,182,255,.20),

        0 0 72px
        rgba(22,140,255,.14),

        0 0 120px
        rgba(228,185,95,.08);

}
}


/* ---------------------------------------------------------
   14.16 — NODE ENERGY SYNCHRONIZATION
   ۱۴.۱۶ — همگام‌سازی انرژی میان نودها
   --------------------------------------------------------- */

.ars-orbit .orbit-item{

    animation:
        nodeEnergySynchronize
        8s
        ease-in-out
        infinite;
}

.ars-orbit .orbit-item:nth-child(2){
    animation-delay:-.6s;
}

.ars-orbit .orbit-item:nth-child(3){
    animation-delay:-1.2s;
}

.ars-orbit .orbit-item:nth-child(4){
    animation-delay:-1.8s;
}

.ars-orbit .orbit-item:nth-child(5){
    animation-delay:-2.4s;
}

.ars-orbit .orbit-item:nth-child(6){
    animation-delay:-3s;
}

.ars-orbit .orbit-item:nth-child(7){
    animation-delay:-3.6s;
}

.ars-orbit .orbit-item:nth-child(8){
    animation-delay:-4.2s;
}

.ars-orbit .orbit-item:nth-child(9){
    animation-delay:-4.8s;
}

.ars-orbit .orbit-item:nth-child(10){
    animation-delay:-5.4s;
}

.ars-orbit .orbit-item:nth-child(11){
    animation-delay:-6s;
}

.ars-orbit .orbit-item:nth-child(12){
    animation-delay:-6.6s;
}

.ars-orbit .orbit-item:nth-child(13){
    animation-delay:-7.2s;
}

@keyframes nodeEnergySynchronize{

    0%,
    100%{
        filter:
            brightness(1);
    }

    50%{
        filter:
            brightness(1.045);
    }

   }


/* ---------------------------------------------------------
   14.17 — NODE INTELLIGENCE FINAL LOCK
   ۱۴.۱۷ — قفل نهایی هوش پیشرفته نودها
   --------------------------------------------------------- */

.ars-orbit .orbit-item{

    will-change:
        transform,
        filter;

}

.ars-orbit .orbit-item::before,
.ars-orbit .orbit-item::after,
.ars-orbit .orbit-item a::before,
.ars-orbit .orbit-item a::after{

    will-change:
        transform,
        opacity,
        filter;

}


/* =========================================================
   V7 — LOCKED
   ۱۴ — ADVANCED NODE INTELLIGENCE
   ۱۴.۱۴ → ۱۴.۱۷ COMPLETE
   ========================================================= */

/* =========================================================
   ARS HERITAGE GROUP
   HOME — PREMIUM INTELLIGENCE UNIVERSE
   V8 — ORBITAL NODE ENERGY ARCHITECTURE
   ۱۵ — معماری انرژی مداری نودها

   V8 RANGE:
   15.1 → 15.10

   STATUS:
   LOCKED AFTER CREATION

   DEPENDENCY:
   V1 → V7

   PURPOSE:
   تبدیل ۱۳ نود به یک شبکه انرژی زنده،
   چندلایه، عمقی و واکنش‌پذیر بدون تغییر
   ساختار HTML نودها.
   ========================================================= */


/* ---------------------------------------------------------
   15.1 — NODE ENERGY FIELD
   ۱۵.۱ — میدان انرژی اختصاصی هر نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item{

    --node-energy:
        rgba(22,140,255,.22);

    --node-energy-bright:
        rgba(82,182,255,.62);

    --node-gold:
        rgba(228,185,95,.34);

    --node-scale:
        1;

    position:absolute;

    isolation:isolate;

    transform:
        translateZ(0)
        scale(var(--node-scale));

    will-change:
        transform,
        filter;

}


/* ---------------------------------------------------------
   15.2 — DEEP ENERGY AURA
   ۱۵.۲ — هاله عمیق انرژی
   --------------------------------------------------------- */

.ars-orbit .orbit-item .node-energy-aura{

    position:absolute;

    left:50%;
    top:50%;

    width:190%;
    height:190%;

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

    border-radius:50%;

    pointer-events:none;

    z-index:-6;

    background:

        radial-gradient(
            circle,
            var(--node-energy-bright) 0%,
            var(--node-energy) 18%,
            rgba(22,140,255,.055) 36%,
            rgba(228,185,95,.025) 52%,
            transparent 74%
        );

    filter:
        blur(20px);

    opacity:.72;

    animation:
        nodeDeepAura
        6s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   15.3 — ENERGY CORE SHELL
   ۱۵.۳ — پوسته مرکزی انرژی نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item .node-energy-core{

    position:absolute;

    left:50%;
    top:50%;

    width:124%;
    height:124%;

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

    border-radius:50%;

    pointer-events:none;

    z-index:-4;

    border:

        1px solid
        var(--node-energy-bright);

    box-shadow:

        0 0 8px
        var(--node-energy),

        0 0 20px
        var(--node-energy),

        0 0 42px
        rgba(22,140,255,.11),

        inset 0 0 18px
        rgba(82,182,255,.08);

    opacity:.62;

    animation:
        nodeEnergyShell
        13s
        linear
        infinite;

}


/* ---------------------------------------------------------
   15.4 — SECONDARY ORBITAL SHELL
   ۱۵.۴ — پوسته مداری ثانویه
   --------------------------------------------------------- */

.ars-orbit .orbit-item .node-energy-core::before{

    content:"";

    position:absolute;

    inset:-12%;

    border-radius:50%;

    border:

        1px dashed
        var(--node-gold);

    box-shadow:

        0 0 12px
        var(--node-gold),

        0 0 30px
        rgba(228,185,95,.08);

    animation:
        nodeSecondaryShell
        19s
        linear
        infinite reverse;

}


/* ---------------------------------------------------------
   15.5 — ENERGY VECTOR
   ۱۵.۵ — بردار انرژی
   --------------------------------------------------------- */

.ars-orbit .orbit-item .node-energy-vector{

    position:absolute;

    left:50%;
    top:50%;

    width:168%;
    height:1px;

    transform-origin:
        left center;

    pointer-events:none;

    z-index:-3;

    border-radius:999px;

    background:

        linear-gradient(
            90deg,
            transparent 0%,
            rgba(82,182,255,.06) 12%,
            var(--node-energy-bright) 34%,
            rgba(255,241,184,.82) 50%,
            var(--node-energy) 67%,
            transparent 100%
        );

    box-shadow:

        0 0 8px
        var(--node-energy),

        0 0 20px
        rgba(82,182,255,.14);

    opacity:.42;

    animation:
        nodeVectorPulse
        4.5s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   15.6 — ENERGY VECTOR ROTATIONS
   ۱۵.۶ — چرخش‌های بردار انرژی
   --------------------------------------------------------- */

.ars-orbit .orbit-item .node-energy-vector.vector-a{

    transform:
        rotate(32deg);

}

.ars-orbit .orbit-item .node-energy-vector.vector-b{

    transform:
        rotate(122deg);

}

.ars-orbit .orbit-item .node-energy-vector.vector-c{

    transform:
        rotate(214deg);

}

.ars-orbit .orbit-item .node-energy-vector.vector-d{

    transform:
        rotate(304deg);

}


/* ---------------------------------------------------------
   15.7 — NODE ENERGY PARTICLE
   ۱۵.۷ — ذرات انرژی اختصاصی نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item .node-energy-particle{

    position:absolute;

    left:50%;
    top:50%;

    width:6px;
    height:6px;

    margin-left:-3px;
    margin-top:-3px;

    border-radius:50%;

    pointer-events:none;

    z-index:-1;

    background:

        radial-gradient(
            circle,
            #ffffff 0%,
            rgba(255,241,184,.95) 30%,
            var(--node-energy-bright) 58%,
            transparent 100%
        );

    box-shadow:

        0 0 7px
        rgba(255,255,255,.85),

        0 0 16px
        var(--node-energy-bright),

        0 0 30px
        var(--node-energy);

    animation:
        nodeParticleOrbit
        7s
        linear
        infinite;

}


/* ---------------------------------------------------------
   15.8 — NODE ENERGY IMPACT
   ۱۵.۸ — موج ضربه انرژی
   --------------------------------------------------------- */

.ars-orbit .orbit-item .node-energy-impact{

    position:absolute;

    left:50%;
    top:50%;

    width:100%;
    height:100%;

    transform:
        translate(-50%,-50%)
        scale(.72);

    border-radius:50%;

    pointer-events:none;

    z-index:-2;

    border:

        1px solid
        var(--node-energy-bright);

    opacity:0;

    animation:
        nodeEnergyImpact
        5.2s
        ease-out
        infinite;

}


/* ---------------------------------------------------------
   15.9 — NODE ENERGY HOVER / ACTIVE BOOST
   ۱۵.۹ — تقویت انرژی هنگام تعامل
   --------------------------------------------------------- */

.ars-orbit .orbit-item:hover{

    --node-scale:
        1.08;

    filter:
        brightness(1.14);

}


.ars-orbit .orbit-item:hover .node-energy-aura{

    width:225%;
    height:225%;

    opacity:1;

    filter:
        blur(25px);

}


.ars-orbit .orbit-item:hover .node-energy-core{

    width:140%;
    height:140%;

    border-color:
        rgba(255,241,184,.62);

    box-shadow:

        0 0 12px
        rgba(255,241,184,.36),

        0 0 28px
        var(--node-energy-bright),

        0 0 65px
        var(--node-energy);

}


.ars-orbit .orbit-item.is-selected{

    --node-scale:
        1.13;

    filter:
        brightness(1.22);

}


.ars-orbit .orbit-item.is-selected .node-energy-aura{

    width:240%;
    height:240%;

    opacity:1;

    filter:
        blur(28px);

}


/* ---------------------------------------------------------
   15.10 — ENERGY MOTION ENGINE
   ۱۵.۱۰ — موتور حرکتی انرژی
   --------------------------------------------------------- */

@keyframes nodeDeepAura{

    0%,
    100%{

        transform:
            translate(-50%,-50%)
            scale(.88);

        opacity:.48;

    }

    50%{

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

        opacity:.92;

    }

}


@keyframes nodeEnergyShell{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes nodeSecondaryShell{

    from{

        transform:
            rotate(0deg)
            scale(.96);

    }

    50%{

        transform:
            rotate(180deg)
            scale(1.04);

    }

    to{

        transform:
            rotate(360deg)
            scale(.96);

    }

}


@keyframes nodeVectorPulse{

    0%,
    100%{

        opacity:.16;

        transform-origin:
            left center;

        scale:.78;

    }

    50%{

        opacity:.72;

        scale:1.08;

    }

}


@keyframes nodeParticleOrbit{

    from{

        transform:
            rotate(0deg)
            translateX(70px)
            scale(.72);

    }

    50%{

        transform:
            rotate(180deg)
            translateX(70px)
            scale(1.25);

    }

    to{

        transform:
            rotate(360deg)
            translateX(70px)
            scale(.72);

    }

}


@keyframes nodeEnergyImpact{

    0%{

        transform:
            translate(-50%,-50%)
            scale(.70);

        opacity:0;

    }

    15%{

        opacity:.72;

    }

    70%{

        opacity:.16;

    }

    100%{

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

        opacity:0;

    }

}


/* ---------------------------------------------------------
   15.11 — MOBILE ENERGY PRESERVATION
   ۱۵.۱۱ — حفظ انرژی در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit .orbit-item .node-energy-aura{

        width:170%;
        height:170%;

        filter:
            blur(15px);

        opacity:.58;

    }

    .ars-orbit .orbit-item .node-energy-core{

        width:120%;
        height:120%;

        opacity:.58;

    }

    .ars-orbit .orbit-item .node-energy-vector{

        width:145%;

        opacity:.25;

    }

    .ars-orbit .orbit-item .node-energy-particle{

        width:4px;
        height:4px;

        margin-left:-2px;
        margin-top:-2px;

    }

}


/* =========================================================
   V8 — LOCKED
   ۱۵ — ORBITAL NODE ENERGY ARCHITECTURE
   ۱۵.۱ → ۱۵.۱۱
   ========================================================= */
/* =========================================================
   ARS HERITAGE GROUP
   HOME — PREMIUM INTELLIGENCE UNIVERSE

   V9 — ORBITAL NEURAL NETWORK
   ۱۶ — شبکه عصبی و ارتباط انرژی ۱۳ نود

   RANGE:
   16.1 → 16.12

   STATUS:
   LOCKED AFTER CREATION

   DEPENDENCY:
   V1 → V8

   PURPOSE:
   ایجاد شبکه ارتباطی چندلایه میان ۱۳ نود
   بدون وابستگی به CSS صفحات دیگر.
   ========================================================= */


/* =========================================================
   16.1 — NEURAL NETWORK MASTER FIELD
   ۱۶.۱ — میدان اصلی شبکه عصبی
   ========================================================= */

.ars-orbit .neural-network{

    position:absolute;

    inset:-10%;

    z-index:12;

    pointer-events:none;

    border-radius:50%;

    isolation:isolate;

}


/* =========================================================
   16.2 — PRIMARY NEURAL WEB
   ۱۶.۲ — شبکه اصلی ارتباطی
   ========================================================= */

.ars-orbit .neural-network::before{

    content:"";

    position:absolute;

    inset:3%;

    border-radius:50%;

    background:

        radial-gradient(
            ellipse at 50% 50%,
            transparent 0 22%,
            rgba(22,140,255,.025) 23%,
            transparent 39%
        );

    opacity:.9;

    filter:
        blur(.2px);

    animation:
        neuralFieldBreath
        8s
        ease-in-out
        infinite;

}


/* =========================================================
   16.3 — SECONDARY NEURAL WEB
   ۱۶.۳ — شبکه ثانویه
   ========================================================= */

.ars-orbit .neural-network::after{

    content:"";

    position:absolute;

    inset:8%;

    border-radius:50%;

    border:

        1px solid
        rgba(82,182,255,.035);

    box-shadow:

        0 0 35px
        rgba(22,140,255,.025),

        inset 0 0 45px
        rgba(228,185,95,.018);

    animation:
        neuralNetworkRotation
        42s
        linear
        infinite;

}


/* =========================================================
   16.4 — NEURAL CONNECTION
   ۱۶.۴ — مسیر ارتباط عصبی
   ========================================================= */

.ars-orbit .neural-link{

    position:absolute;

    left:50%;
    top:50%;

    height:
        1px;

    width:
        42%;

    transform-origin:
        left center;

    border-radius:999px;

    pointer-events:none;

    background:

        linear-gradient(
            90deg,
            transparent 0%,
            rgba(22,140,255,.08) 12%,
            rgba(82,182,255,.20) 34%,
            rgba(228,185,95,.30) 50%,
            rgba(82,182,255,.16) 72%,
            transparent 100%
        );

    box-shadow:

        0 0 5px
        rgba(22,140,255,.12),

        0 0 14px
        rgba(82,182,255,.07);

    opacity:.34;

    overflow:visible;

}


/* =========================================================
   16.5 — MULTI-LEVEL CONNECTION DEPTH
   ۱۶.۵ — عمق چندلایه مسیرها
   ========================================================= */

.ars-orbit .neural-link::before{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:100%;
    height:1px;

    transform:
        translateY(-50%);

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(255,241,184,.26),
            rgba(82,182,255,.18),
            transparent
        );

    filter:
        blur(2px);

    opacity:.72;

}


.ars-orbit .neural-link::after{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:7px;
    height:7px;

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

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            #ffffff 0%,
            rgba(255,241,184,.96) 28%,
            rgba(82,182,255,.78) 58%,
            transparent 100%
        );

    box-shadow:

        0 0 6px
        rgba(255,255,255,.85),

        0 0 15px
        rgba(255,241,184,.65),

        0 0 28px
        rgba(22,140,255,.42);

    animation:
        neuralPulseTravel
        3.6s
        linear
        infinite;

}


/* =========================================================
   16.6 — CONNECTION ROTATION MATRIX
   ۱۶.۶ — ماتریس چرخش ارتباطات
   ========================================================= */

.ars-orbit .neural-link.link-1{
    transform:rotate(8deg);
    width:46%;
}

.ars-orbit .neural-link.link-2{
    transform:rotate(39deg);
    width:41%;
}

.ars-orbit .neural-link.link-3{
    transform:rotate(71deg);
    width:44%;
}

.ars-orbit .neural-link.link-4{
    transform:rotate(103deg);
    width:39%;
}

.ars-orbit .neural-link.link-5{
    transform:rotate(137deg);
    width:45%;
}

.ars-orbit .neural-link.link-6{
    transform:rotate(169deg);
    width:42%;
}

.ars-orbit .neural-link.link-7{
    transform:rotate(201deg);
    width:46%;
}

.ars-orbit .neural-link.link-8{
    transform:rotate(231deg);
    width:40%;
}

.ars-orbit .neural-link.link-9{
    transform:rotate(263deg);
    width:44%;
}

.ars-orbit .neural-link.link-10{
    transform:rotate(295deg);
    width:41%;
}

.ars-orbit .neural-link.link-11{
    transform:rotate(327deg);
    width:45%;
}

.ars-orbit .neural-link.link-12{
    transform:rotate(351deg);
    width:39%;
}


/* =========================================================
   16.7 — NETWORK ENERGY NODES
   ۱۶.۷ — نقاط انرژی شبکه
   ========================================================= */

.ars-orbit .network-energy-point{

    position:absolute;

    width:5px;
    height:5px;

    border-radius:50%;

    pointer-events:none;

    background:

        radial-gradient(
            circle,
            #ffffff 0%,
            rgba(255,241,184,.95) 30%,
            rgba(82,182,255,.72) 58%,
            transparent 100%
        );

    box-shadow:

        0 0 7px
        rgba(255,255,255,.88),

        0 0 17px
        rgba(255,241,184,.58),

        0 0 34px
        rgba(22,140,255,.36);

    animation:
        networkPointPulse
        3.2s
        ease-in-out
        infinite;

}


/* =========================================================
   16.8 — NETWORK POINT MATRIX
   ۱۶.۸ — ماتریس نقاط شبکه
   ========================================================= */

.ars-orbit .network-energy-point.point-1{
    left:24%;
    top:35%;
}

.ars-orbit .network-energy-point.point-2{
    left:34%;
    top:24%;
}

.ars-orbit .network-energy-point.point-3{
    left:50%;
    top:17%;
}

.ars-orbit .network-energy-point.point-4{
    left:67%;
    top:25%;
}

.ars-orbit .network-energy-point.point-5{
    left:77%;
    top:39%;
}

.ars-orbit .network-energy-point.point-6{
    left:81%;
    top:56%;
}

.ars-orbit .network-energy-point.point-7{
    left:68%;
    top:73%;
}

.ars-orbit .network-energy-point.point-8{
    left:51%;
    top:82%;
}

.ars-orbit .network-energy-point.point-9{
    left:34%;
    top:74%;
}

.ars-orbit .network-energy-point.point-10{
    left:22%;
    top:60%;
}

.ars-orbit .network-energy-point.point-11{
    left:19%;
    top:47%;
}

.ars-orbit .network-energy-point.point-12{
    left:42%;
    top:31%;
}

.ars-orbit .network-energy-point.point-13{
    left:61%;
    top:62%;
}


/* =========================================================
   16.9 — DATA PULSE STREAM
   ۱۶.۹ — جریان پالس داده
   ========================================================= */

.ars-orbit .data-pulse{

    position:absolute;

    left:0;

    top:50%;

    width:8px;
    height:8px;

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

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            #ffffff 0%,
            rgba(82,182,255,.96) 34%,
            rgba(22,140,255,.68) 60%,
            transparent 100%
        );

    box-shadow:

        0 0 7px
        rgba(255,255,255,.95),

        0 0 18px
        rgba(82,182,255,.78),

        0 0 35px
        rgba(22,140,255,.42);

    animation:
        dataPulseTravel
        2.8s
        linear
        infinite;

}


/* =========================================================
   16.10 — NETWORK SCANNER
   ۱۶.۱۰ — اسکنر محیط شبکه
   ========================================================= */

.ars-orbit .network-scanner{

    position:absolute;

    left:50%;
    top:50%;

    width:88%;
    height:88%;

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

    border-radius:50%;

    pointer-events:none;

    background:

        conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 315deg,
            rgba(22,140,255,.02) 322deg,
            rgba(82,182,255,.18) 337deg,
            rgba(255,241,184,.38) 344deg,
            rgba(82,182,255,.08) 352deg,
            transparent 360deg
        );

    -webkit-mask:

        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 calc(100% - 1px)
        );

    mask:

        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 calc(100% - 1px)
        );

    opacity:.58;

    animation:
        networkScannerRotation
        7s
        linear
        infinite;

}


/* =========================================================
   16.11 — NETWORK SYNCHRONIZATION
   ۱۶.۱۱ — همگام‌سازی شبکه
   ========================================================= */

.ars-orbit .network-energy-point:nth-child(3n){

    animation-delay:
        -.7s;

}

.ars-orbit .network-energy-point:nth-child(4n){

    animation-delay:
        -1.3s;

}

.ars-orbit .network-energy-point:nth-child(5n){

    animation-delay:
        -1.9s;

}

.ars-orbit .neural-link:nth-child(2n)::after{

    animation-delay:
        -.8s;

}

.ars-orbit .neural-link:nth-child(3n)::after{

    animation-delay:
        -1.5s;

}


/* =========================================================
   16.12 — NETWORK MOTION ENGINE
   ۱۶.۱۲ — موتور حرکتی شبکه
   ========================================================= */

@keyframes neuralFieldBreath{

    0%,
    100%{

        opacity:.42;

        transform:
            scale(.96);

    }

    50%{

        opacity:.86;

        transform:
            scale(1.04);

    }

}


@keyframes neuralNetworkRotation{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes neuralPulseTravel{

    0%{

        left:0;

        opacity:0;

    }

    8%{

        opacity:1;

    }

    78%{

        opacity:1;

    }

    100%{

        left:100%;

        opacity:0;

    }

}


@keyframes networkPointPulse{

    0%,
    100%{

        transform:
            scale(.55);

        opacity:.26;

    }

    50%{

        transform:
            scale(1.45);

        opacity:1;

    }

}


@keyframes dataPulseTravel{

    0%{

        left:0;

        opacity:0;

    }

    12%{

        opacity:1;

    }

    82%{

        opacity:1;

    }

    100%{

        left:100%;

        opacity:0;

    }

}


@keyframes networkScannerRotation{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


/* =========================================================
   V9 — MOBILE NETWORK CONTROL
   V9 — کنترل شبکه در موبایل
   ========================================================= */

@media (max-width:700px){

    .ars-orbit .neural-network{

        inset:-7%;

    }

    .ars-orbit .neural-link{

        opacity:.24;

        width:36%;

    }

    .ars-orbit .neural-link::after{

        width:5px;
        height:5px;

    }

    .ars-orbit .network-energy-point{

        width:4px;
        height:4px;

    }

    .ars-orbit .network-scanner{

        width:91%;
        height:91%;

        opacity:.42;

    }

}


/* =========================================================
   V9 — LOCKED
   ۱۶ — ORBITAL NEURAL NETWORK
   ۱۶.۱ → ۱۶.۱۲
   ========================================================= */
/* =========================================================
   ARS HERITAGE GROUP
   HOME — PREMIUM INTELLIGENCE UNIVERSE

   V10 — ORBITAL DEPTH & HOLOGRAPHIC LAYER
   ۱۷ — لایه عمق مداری و هولوگرافیک

   RANGE:
   17.1 → 17.12

   STATUS:
   LOCKED AFTER CREATION

   DEPENDENCY:
   V1 → V9
   ========================================================= */


/* =========================================================
   17.1 — HOLOGRAPHIC MASTER FIELD
   ۱۷.۱ — میدان اصلی هولوگرافیک
   ========================================================= */

.ars-orbit .holographic-layer{

    position:absolute;

    inset:-16%;

    z-index:16;

    pointer-events:none;

    border-radius:50%;

    isolation:isolate;

}


/* =========================================================
   17.2 — DEEP HOLOGRAPHIC ATMOSPHERE
   ۱۷.۲ — اتمسفر عمیق هولوگرافیک
   ========================================================= */

.ars-orbit .holographic-layer::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:50%;

    background:

        radial-gradient(
            ellipse at 50% 50%,
            rgba(22,140,255,.07),
            transparent 31%
        ),

        radial-gradient(
            ellipse at 38% 34%,
            rgba(82,182,255,.045),
            transparent 27%
        ),

        radial-gradient(
            ellipse at 68% 67%,
            rgba(228,185,95,.035),
            transparent 31%
        );

    filter:
        blur(18px);

    opacity:.82;

    animation:
        holographicAtmosphere
        9s
        ease-in-out
        infinite;

}


/* =========================================================
   17.3 — HOLOGRAPHIC GRID
   ۱۷.۳ — شبکه فضایی هولوگرافیک
   ========================================================= */

.ars-orbit .holographic-layer::after{

    content:"";

    position:absolute;

    inset:8%;

    border-radius:50%;

    background:

        repeating-linear-gradient(
            0deg,
            transparent 0,
            transparent 28px,
            rgba(82,182,255,.018) 29px,
            transparent 30px
        ),

        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 28px,
            rgba(82,182,255,.014) 29px,
            transparent 30px
        );

    -webkit-mask:

        radial-gradient(
            circle,
            #000 0 34%,
            transparent 74%
        );

    mask:

        radial-gradient(
            circle,
            #000 0 34%,
            transparent 74%
        );

    opacity:.52;

    transform:
        perspective(900px)
        rotateX(62deg);

    animation:
        holographicGridDrift
        18s
        linear
        infinite;

}


/* =========================================================
   17.4 — DEPTH RINGS
   ۱۷.۴ — حلقه‌های عمقی
   ========================================================= */

.ars-orbit .depth-ring{

    position:absolute;

    left:50%;
    top:50%;

    border-radius:50%;

    pointer-events:none;

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

    box-shadow:

        0 0 16px
        rgba(22,140,255,.045),

        inset 0 0 16px
        rgba(22,140,255,.025);

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

}


/* =========================================================
   17.5 — DEPTH RING MATRIX
   ۱۷.۵ — ماتریس حلقه‌های عمقی
   ========================================================= */

.ars-orbit .depth-ring.ring-a{

    width:34%;
    height:34%;

    opacity:.28;

    animation:
        depthRingFloatA
        11s
        ease-in-out
        infinite;

}

.ars-orbit .depth-ring.ring-b{

    width:49%;
    height:49%;

    opacity:.22;

    transform:
        translate(-50%,-50%)
        rotateX(58deg);

    animation:
        depthRingFloatB
        15s
        linear
        infinite;

}

.ars-orbit .depth-ring.ring-c{

    width:67%;
    height:67%;

    opacity:.18;

    transform:
        translate(-50%,-50%)
        rotateY(64deg);

    animation:
        depthRingFloatC
        22s
        linear
        infinite reverse;

}

.ars-orbit .depth-ring.ring-d{

    width:83%;
    height:83%;

    opacity:.12;

    transform:
        translate(-50%,-50%)
        rotateX(72deg)
        rotateY(12deg);

    animation:
        depthRingFloatD
        29s
        linear
        infinite;

}


/* =========================================================
   17.6 — HOLOGRAPHIC SCAN PLANE
   ۱۷.۶ — صفحه اسکن هولوگرافیک
   ========================================================= */

.ars-orbit .holo-scan-plane{

    position:absolute;

    left:50%;
    top:50%;

    width:86%;
    height:86%;

    transform:
        translate(-50%,-50%)
        rotate(0deg);

    border-radius:50%;

    pointer-events:none;

    background:

        conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 42deg,
            rgba(82,182,255,.025) 58deg,
            rgba(82,182,255,.14) 72deg,
            rgba(255,241,184,.22) 81deg,
            rgba(82,182,255,.045) 92deg,
            transparent 110deg,
            transparent 360deg
        );

    -webkit-mask:

        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 calc(100% - 1px)
        );

    mask:

        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 calc(100% - 1px)
        );

    opacity:.48;

    animation:
        holographicScan
        8.5s
        linear
        infinite;

}


/* =========================================================
   17.7 — FLOATING HOLOGRAM PARTICLES
   ۱۷.۷ — ذرات شناور هولوگرافیک
   ========================================================= */

.ars-orbit .holo-particle{

    position:absolute;

    width:4px;
    height:4px;

    border-radius:50%;

    pointer-events:none;

    background:

        radial-gradient(
            circle,
            #ffffff 0%,
            rgba(82,182,255,.95) 35%,
            rgba(22,140,255,.42) 65%,
            transparent 100%
        );

    box-shadow:

        0 0 7px
        rgba(255,255,255,.82),

        0 0 18px
        rgba(82,182,255,.58),

        0 0 32px
        rgba(22,140,255,.25);

    animation:
        hologramParticleFloat
        8s
        ease-in-out
        infinite;

}


/* =========================================================
   17.8 — PARTICLE POSITIONS
   ۱۷.۸ — موقعیت ذرات
   ========================================================= */

.ars-orbit .holo-particle.p1{
    left:29%;
    top:29%;
}

.ars-orbit .holo-particle.p2{
    left:48%;
    top:20%;
}

.ars-orbit .holo-particle.p3{
    left:71%;
    top:34%;
}

.ars-orbit .holo-particle.p4{
    left:79%;
    top:57%;
}

.ars-orbit .holo-particle.p5{
    left:64%;
    top:76%;
}

.ars-orbit .holo-particle.p6{
    left:42%;
    top:81%;
}

.ars-orbit .holo-particle.p7{
    left:24%;
    top:67%;
}

.ars-orbit .holo-particle.p8{
    left:21%;
    top:46%;
}


/* =========================================================
   17.9 — HOLOGRAPHIC DEPTH PULSE
   ۱۷.۹ — پالس عمقی هولوگرافیک
   ========================================================= */

.ars-orbit .depth-pulse{

    position:absolute;

    left:50%;
    top:50%;

    width:38%;
    height:38%;

    transform:
        translate(-50%,-50%)
        scale(.7);

    border-radius:50%;

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

    pointer-events:none;

    opacity:0;

    box-shadow:

        0 0 24px
        rgba(22,140,255,.12),

        inset 0 0 22px
        rgba(82,182,255,.07);

    animation:
        holographicDepthPulse
        6s
        ease-out
        infinite;

}


/* =========================================================
   17.10 — HOLOGRAPHIC GLITCH ACCENTS
   ۱۷.۱۰ — شکست‌های نوری هولوگرافیک
   ========================================================= */

.ars-orbit .holo-glitch{

    position:absolute;

    pointer-events:none;

    width:11%;

    height:1px;

    border-radius:999px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(82,182,255,.72),
            rgba(255,241,184,.42),
            transparent
        );

    box-shadow:

        0 0 8px
        rgba(82,182,255,.28);

    opacity:.25;

    animation:
        holoGlitch
        4.7s
        steps(4,end)
        infinite;

}

.ars-orbit .holo-glitch.g1{
    left:17%;
    top:41%;
    transform:rotate(13deg);
}

.ars-orbit .holo-glitch.g2{
    right:16%;
    top:36%;
    transform:rotate(-18deg);
}

.ars-orbit .holo-glitch.g3{
    left:33%;
    bottom:21%;
    transform:rotate(8deg);
}

.ars-orbit .holo-glitch.g4{
    right:29%;
    bottom:28%;
    transform:rotate(-9deg);
}


/* =========================================================
   17.11 — HOLOGRAPHIC FOCUS RESPONSE
   ۱۷.۱۱ — واکنش فوکوس هولوگرافیک
   ========================================================= */

.ars-orbit:has(.orbit-item:hover) .holographic-layer{

    filter:
        brightness(1.08);

}


.ars-orbit:has(.orbit-item:hover) .holo-scan-plane{

    opacity:.72;

}


.ars-orbit:has(.orbit-item.is-selected) .depth-ring{

    border-color:
        rgba(82,182,255,.15);

    box-shadow:

        0 0 20px
        rgba(22,140,255,.09),

        inset 0 0 24px
        rgba(228,185,95,.045);

}


/* =========================================================
   17.12 — HOLOGRAPHIC MOTION ENGINE + MOBILE
   ۱۷.۱۲ — موتور حرکت و کنترل موبایل
   ========================================================= */

@keyframes holographicAtmosphere{

    0%,
    100%{

        transform:
            scale(.94);

        opacity:.46;

    }

    50%{

        transform:
            scale(1.08);

        opacity:.88;

    }

}


@keyframes holographicGridDrift{

    from{

        transform:
            perspective(900px)
            rotateX(62deg)
            translate3d(0,0,0);

    }

    50%{

        transform:
            perspective(900px)
            rotateX(62deg)
            translate3d(14px,-10px,0);

    }

    to{

        transform:
            perspective(900px)
            rotateX(62deg)
            translate3d(0,0,0);

    }

}


@keyframes depthRingFloatA{

    0%,
    100%{

        transform:
            translate(-50%,-50%)
            scale(.94);

    }

    50%{

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

    }

}


@keyframes depthRingFloatB{

    from{

        transform:
            translate(-50%,-50%)
            rotateX(58deg)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotateX(58deg)
            rotate(360deg);

    }

}


@keyframes depthRingFloatC{

    from{

        transform:
            translate(-50%,-50%)
            rotateY(64deg)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotateY(64deg)
            rotate(360deg);

    }

}


@keyframes depthRingFloatD{

    from{

        transform:
            translate(-50%,-50%)
            rotateX(72deg)
            rotateY(12deg)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotateX(72deg)
            rotateY(12deg)
            rotate(360deg);

    }

}


@keyframes holographicScan{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes hologramParticleFloat{

    0%,
    100%{

        transform:
            translate3d(0,0,0)
            scale(.65);

        opacity:.24;

    }

    50%{

        transform:
            translate3d(8px,-12px,0)
            scale(1.35);

        opacity:1;

    }

}


@keyframes holographicDepthPulse{

    0%{

        transform:
            translate(-50%,-50%)
            scale(.65);

        opacity:0;

    }

    18%{

        opacity:.68;

    }

    72%{

        opacity:.18;

    }

    100%{

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

        opacity:0;

    }

}


@keyframes holoGlitch{

    0%,
    78%{

        opacity:.08;

        transform:
            translateX(0)
            scaleX(.7);

    }

    80%{

        opacity:.72;

        transform:
            translateX(8px)
            scaleX(1.2);

    }

    83%{

        opacity:.18;

        transform:
            translateX(-5px)
            scaleX(.84);

    }

    87%,
    100%{

        opacity:.08;

    }

}


@media (max-width:700px){

    .ars-orbit .holographic-layer{

        inset:-11%;

    }

    .ars-orbit .depth-ring.ring-b{

        opacity:.16;

    }

    .ars-orbit .depth-ring.ring-c{

        opacity:.12;

    }

    .ars-orbit .depth-ring.ring-d{

        opacity:.08;

    }

    .ars-orbit .holo-particle{

        width:3px;
        height:3px;

    }

    .ars-orbit .holo-glitch{

        opacity:.16;

    }

    .ars-orbit .holo-scan-plane{

        opacity:.34;

    }

}


/* =========================================================
   V10 — LOCKED
   ۱۷ — ORBITAL DEPTH & HOLOGRAPHIC LAYER
   ۱۷.۱ → ۱۷.۱۲
   ========================================================= */
/* =========================================================
   ARS HERITAGE GROUP
   HOME — PREMIUM INTELLIGENCE UNIVERSE

   V11 — ORBITAL DYNAMIC LIGHT & ENERGY RESPONSE
   ۱۸ — سیستم نور پویا و واکنش انرژی منظومه

   RANGE:
   18.1 → 18.12

   DEPENDENCY:
   V1 → V10

   STATUS:
   LOCKED AFTER CREATION

   PURPOSE:
   ایجاد یک لایه نورپردازی زنده و واکنش‌گرا
   برای کل منظومه ۱۳ نودی.
   ========================================================= */


/* =========================================================
   18.1 — DYNAMIC LIGHT MASTER FIELD
   ۱۸.۱ — میدان اصلی نور پویا
   ========================================================= */

.ars-orbit .dynamic-light{

    position:absolute;

    inset:-18%;

    z-index:18;

    pointer-events:none;

    border-radius:50%;

    isolation:isolate;

}


/* =========================================================
   18.2 — CORE LIGHT ATMOSPHERE
   ۱۸.۲ — اتمسفر نور هسته
   ========================================================= */

.ars-orbit .dynamic-light::before{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:72%;
    height:72%;

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

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(255,255,255,.075) 0%,
            rgba(82,182,255,.075) 18%,
            rgba(22,140,255,.045) 35%,
            rgba(228,185,95,.025) 52%,
            transparent 74%
        );

    filter:
        blur(22px);

    opacity:.72;

    animation:
        dynamicCoreBreath
        6.5s
        ease-in-out
        infinite;

}


/* =========================================================
   18.3 — LARGE RADIANT FIELD
   ۱۸.۳ — میدان تابشی گسترده
   ========================================================= */

.ars-orbit .dynamic-light::after{

    content:"";

    position:absolute;

    inset:4%;

    border-radius:50%;

    background:

        radial-gradient(
            circle at 50% 50%,
            transparent 0 20%,
            rgba(22,140,255,.018) 31%,
            transparent 49%
        ),

        radial-gradient(
            circle at 50% 50%,
            transparent 0 45%,
            rgba(228,185,95,.014) 57%,
            transparent 72%
        );

    filter:
        blur(8px);

    animation:
        dynamicFieldRotate
        38s
        linear
        infinite;

}


/* =========================================================
   18.4 — LIGHT RAY
   ۱۸.۴ — پرتو نور
   ========================================================= */

.ars-orbit .light-ray{

    position:absolute;

    left:50%;
    top:50%;

    width:50%;

    height:1px;

    transform-origin:
        left center;

    border-radius:999px;

    pointer-events:none;

    background:

        linear-gradient(
            90deg,
            rgba(255,255,255,.02),
            rgba(82,182,255,.16) 25%,
            rgba(255,241,184,.34) 52%,
            rgba(22,140,255,.12) 76%,
            transparent
        );

    filter:
        blur(.3px);

    opacity:.28;

    animation:
        lightRayPulse
        5.2s
        ease-in-out
        infinite;

}


/* =========================================================
   18.5 — LIGHT RAY MATRIX
   ۱۸.۵ — ماتریس پرتوهای نور
   ========================================================= */

.ars-orbit .light-ray.r1{
    transform:rotate(4deg);
    width:48%;
}

.ars-orbit .light-ray.r2{
    transform:rotate(52deg);
    width:44%;
}

.ars-orbit .light-ray.r3{
    transform:rotate(97deg);
    width:51%;
}

.ars-orbit .light-ray.r4{
    transform:rotate(143deg);
    width:46%;
}

.ars-orbit .light-ray.r5{
    transform:rotate(188deg);
    width:50%;
}

.ars-orbit .light-ray.r6{
    transform:rotate(232deg);
    width:45%;
}

.ars-orbit .light-ray.r7{
    transform:rotate(278deg);
    width:52%;
}

.ars-orbit .light-ray.r8{
    transform:rotate(326deg);
    width:47%;
}


/* =========================================================
   18.6 — ENERGY WAVE
   ۱۸.۶ — موج انرژی
   ========================================================= */

.ars-orbit .energy-wave{

    position:absolute;

    left:50%;
    top:50%;

    width:26%;
    height:26%;

    transform:
        translate(-50%,-50%)
        scale(.5);

    border-radius:50%;

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

    pointer-events:none;

    opacity:0;

    box-shadow:

        0 0 18px
        rgba(22,140,255,.10),

        inset 0 0 20px
        rgba(82,182,255,.06);

    animation:
        energyWaveExpand
        5.8s
        ease-out
        infinite;

}


/* =========================================================
   18.7 — SECONDARY ENERGY WAVE
   ۱۸.۷ — موج ثانویه انرژی
   ========================================================= */

.ars-orbit .energy-wave.wave-2{

    animation-delay:
        -2.9s;

    border-color:
        rgba(228,185,95,.12);

}


/* =========================================================
   18.8 — NODE LIGHT RESPONSE
   ۱۸.۸ — واکنش نوری نودها
   ========================================================= */

.ars-orbit .orbit-item{

    --node-light:
        rgba(82,182,255,.45);

    transition:
        filter .8s var(--ars-ease),
        z-index .2s linear;

}


.ars-orbit .orbit-item:hover{

    filter:
        brightness(1.18)
        saturate(1.12);

}


.ars-orbit .orbit-item:hover::before{

    filter:
        blur(25px);

    opacity:
        1;

}


/* =========================================================
   18.9 — NODE LIGHT BEAM
   ۱۸.۹ — پرتو اختصاصی نود
   ========================================================= */

.ars-orbit .orbit-item .node-light-beam{

    position:absolute;

    left:50%;
    top:50%;

    width:185%;
    height:185%;

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

    border-radius:50%;

    pointer-events:none;

    background:

        conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 305deg,
            var(--node-light) 326deg,
            rgba(255,241,184,.48) 340deg,
            transparent 355deg,
            transparent 360deg
        );

    -webkit-mask:

        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 calc(100% - 1px)
        );

    mask:

        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 calc(100% - 1px)
        );

    opacity:.38;

    animation:
        nodeLightBeamRotate
        6.2s
        linear
        infinite;

}


/* =========================================================
   18.10 — NODE LIGHT PERSONALITIES
   ۱۸.۱۰ — شخصیت نوری مستقل نودها
   ========================================================= */

.ars-orbit .orbit-1{
    --node-light:rgba(82,182,255,.55);
}

.ars-orbit .orbit-2{
    --node-light:rgba(228,185,95,.55);
}

.ars-orbit .orbit-3{
    --node-light:rgba(168,50,50,.48);
}

.ars-orbit .orbit-4{
    --node-light:rgba(82,182,255,.52);
}

.ars-orbit .orbit-5{
    --node-light:rgba(79,135,97,.50);
}

.ars-orbit .orbit-6{
    --node-light:rgba(22,140,255,.58);
}

.ars-orbit .orbit-7{
    --node-light:rgba(228,185,95,.50);
}

.ars-orbit .orbit-8{
    --node-light:rgba(82,182,255,.48);
}

.ars-orbit .orbit-9{
    --node-light:rgba(228,185,95,.54);
}

.ars-orbit .orbit-10{
    --node-light:rgba(22,140,255,.52);
}

.ars-orbit .orbit-11{
    --node-light:rgba(184,137,63,.52);
}

.ars-orbit .orbit-12{
    --node-light:rgba(79,135,97,.48);
}

.ars-orbit .orbit-13{
    --node-light:rgba(82,182,255,.62);
}


/* =========================================================
   18.11 — SYSTEM-WIDE ENERGY RESPONSE
   ۱۸.۱۱ — واکنش انرژی کل منظومه
   ========================================================= */

.ars-orbit:has(.orbit-item:hover) .dynamic-light::before{

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

    opacity:
        1;

}


.ars-orbit:has(.orbit-item:hover) .light-ray{

    opacity:
        .52;

}


.ars-orbit:has(.orbit-item.is-selected) .energy-wave{

    animation-duration:
        4.2s;

    border-color:
        rgba(255,241,184,.25);

}


/* =========================================================
   18.12 — DYNAMIC LIGHT MOTION ENGINE + MOBILE
   ۱۸.۱۲ — موتور حرکت نور پویا و موبایل
   ========================================================= */

@keyframes dynamicCoreBreath{

    0%,
    100%{

        transform:
            translate(-50%,-50%)
            scale(.88);

        opacity:.42;

    }

    50%{

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

        opacity:.94;

    }

}


@keyframes dynamicFieldRotate{

    from{

        transform:
            rotate(0deg)
            scale(1);

    }

    50%{

        transform:
            rotate(180deg)
            scale(1.035);

    }

    to{

        transform:
            rotate(360deg)
            scale(1);

    }

}


@keyframes lightRayPulse{

    0%,
    100%{

        opacity:.12;

        transform-origin:
            left center;

        scale:.82;

    }

    50%{

        opacity:.58;

        scale:1.08;

    }

}


@keyframes energyWaveExpand{

    0%{

        transform:
            translate(-50%,-50%)
            scale(.45);

        opacity:0;

    }

    14%{

        opacity:.65;

    }

    72%{

        opacity:.16;

    }

    100%{

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

        opacity:0;

    }

}


@keyframes nodeLightBeamRotate{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@media (max-width:700px){

    .ars-orbit .dynamic-light{

        inset:-12%;

    }

    .ars-orbit .light-ray{

        opacity:.20;

    }

    .ars-orbit .energy-wave{

        width:22%;
        height:22%;

    }

    .ars-orbit .orbit-item .node-light-beam{

        width:165%;
        height:165%;

        opacity:.28;

    }

}


/* =========================================================
   V12 — HOLOGRAPHIC HUD & SCANNING SYSTEM
   ۱۹ — سیستم هولوگرافیک HUD و اسکن نوری
   ========================================================= */


/* ---------------------------------------------------------
   19.1 — HOLOGRAPHIC MASTER FIELD
   ۱۹.۱ — میدان اصلی هولوگرافیک
   --------------------------------------------------------- */

.ars-orbit .holographic-hud{

    position:absolute;

    left:50%;
    top:50%;

    width:100%;
    height:100%;

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

    z-index:18;

    pointer-events:none;

    border-radius:50%;

    isolation:isolate;

}


/* ---------------------------------------------------------
   19.2 — HOLOGRAPHIC CORE GRID
   ۱۹.۲ — شبکه هولوگرافیک مرکزی
   --------------------------------------------------------- */

.ars-orbit .holographic-hud::before{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:72%;
    height:72%;

    transform:
        translate(-50%,-50%)
        rotate(0deg);

    border-radius:50%;

    background:

        repeating-radial-gradient(
            circle at center,
            transparent 0,
            transparent 18px,
            rgba(82,182,255,.025) 19px,
            transparent 20px
        ),

        repeating-conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 14deg,
            rgba(82,182,255,.018) 15deg,
            transparent 16deg
        );

    opacity:.72;

    mix-blend-mode:
        screen;

    animation:
        holographicGridRotate
        42s
        linear
        infinite;

}


/* ---------------------------------------------------------
   19.3 — HUD OUTER SCANNER
   ۱۹.۳ — اسکنر محیطی بیرونی
   --------------------------------------------------------- */

.ars-orbit .hud-scanner{

    position:absolute;

    left:50%;
    top:50%;

    width:108%;
    height:108%;

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

    border-radius:50%;

    background:

        conic-gradient(
            from 0deg,

            transparent 0deg,

            transparent 248deg,

            rgba(22,140,255,.0) 270deg,

            rgba(22,140,255,.18) 286deg,

            rgba(82,182,255,.58) 300deg,

            rgba(255,241,184,.82) 307deg,

            rgba(82,182,255,.20) 316deg,

            transparent 330deg,

            transparent 360deg
        );

    -webkit-mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 calc(100% - 1px)
        );

    mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 2px),
            #000 calc(100% - 1px)
        );

    opacity:.72;

    filter:
        blur(.15px);

    animation:
        hudScannerRotate
        7.5s
        linear
        infinite;

}


/* ---------------------------------------------------------
   19.4 — SECONDARY SCANNING ARC
   ۱۹.۴ — قوس اسکن ثانویه
   --------------------------------------------------------- */

.ars-orbit .hud-scanner::before{

    content:"";

    position:absolute;

    inset:7%;

    border-radius:50%;

    background:

        conic-gradient(
            from 180deg,

            transparent 0deg,

            transparent 82deg,

            rgba(228,185,95,.0) 98deg,

            rgba(228,185,95,.30) 112deg,

            rgba(255,241,184,.72) 120deg,

            rgba(82,182,255,.16) 130deg,

            transparent 145deg,

            transparent 360deg
        );

    -webkit-mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 1.5px),
            #000 calc(100% - .5px)
        );

    mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 1.5px),
            #000 calc(100% - .5px)
        );

    animation:
        hudSecondaryScan
        11s
        linear
        infinite;

}


/* ---------------------------------------------------------
   19.5 — HOLOGRAPHIC CROSS AXIS
   ۱۹.۵ — محورهای متقاطع هولوگرافیک
   --------------------------------------------------------- */

.ars-orbit .hud-axis{

    position:absolute;

    left:50%;
    top:50%;

    width:82%;
    height:1px;

    transform-origin:
        center center;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(22,140,255,.0) 12%,
            rgba(82,182,255,.18) 35%,
            rgba(255,241,184,.32) 50%,
            rgba(82,182,255,.18) 65%,
            rgba(22,140,255,.0) 88%,
            transparent
        );

    opacity:.28;

    filter:
        blur(.2px);

}


.ars-orbit .hud-axis.axis-x{

    transform:
        translate(-50%,-50%)
        rotate(0deg);

}


.ars-orbit .hud-axis.axis-y{

    transform:
        translate(-50%,-50%)
        rotate(90deg);

}


.ars-orbit .hud-axis.axis-a{

    transform:
        translate(-50%,-50%)
        rotate(37deg);

    opacity:.16;

}


.ars-orbit .hud-axis.axis-b{

    transform:
        translate(-50%,-50%)
        rotate(127deg);

    opacity:.16;

}


/* ---------------------------------------------------------
   19.6 — HOLOGRAPHIC DATA MARKERS
   ۱۹.۶ — نشانگرهای داده هولوگرافیک
   --------------------------------------------------------- */

.ars-orbit .hud-marker{

    position:absolute;

    width:8px;
    height:8px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            #ffffff 0%,
            rgba(255,241,184,.95) 28%,
            rgba(82,182,255,.75) 58%,
            transparent 100%
        );

    box-shadow:

        0 0 5px
        rgba(255,255,255,.95),

        0 0 13px
        rgba(255,241,184,.72),

        0 0 28px
        rgba(22,140,255,.48);

    opacity:.72;

    animation:
        hudMarkerPulse
        3.6s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   19.7 — DATA MARKER POSITIONS
   ۱۹.۷ — موقعیت نشانگرهای داده
   --------------------------------------------------------- */

.ars-orbit .hud-marker.marker-1{
    left:25%;
    top:24%;
}

.ars-orbit .hud-marker.marker-2{
    left:51%;
    top:13%;
}

.ars-orbit .hud-marker.marker-3{
    left:77%;
    top:29%;
}

.ars-orbit .hud-marker.marker-4{
    left:87%;
    top:57%;
}

.ars-orbit .hud-marker.marker-5{
    left:70%;
    top:80%;
}

.ars-orbit .hud-marker.marker-6{
    left:43%;
    top:89%;
}

.ars-orbit .hud-marker.marker-7{
    left:17%;
    top:69%;
}

.ars-orbit .hud-marker.marker-8{
    left:11%;
    top:43%;
}


/* ---------------------------------------------------------
   19.8 — HOLOGRAPHIC DATA TRAILS
   ۱۹.۸ — ردهای داده هولوگرافیک
   --------------------------------------------------------- */

.ars-orbit .hud-trail{

    position:absolute;

    left:50%;
    top:50%;

    width:26%;

    height:1px;

    transform-origin:
        left center;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(82,182,255,.12),
            rgba(82,182,255,.42),
            rgba(255,241,184,.58),
            transparent
        );

    box-shadow:

        0 0 8px
        rgba(82,182,255,.22);

    opacity:.34;

}


.ars-orbit .hud-trail.trail-1{
    transform:rotate(18deg);
}

.ars-orbit .hud-trail.trail-2{
    transform:rotate(68deg);
}

.ars-orbit .hud-trail.trail-3{
    transform:rotate(116deg);
}

.ars-orbit .hud-trail.trail-4{
    transform:rotate(174deg);
}

.ars-orbit .hud-trail.trail-5{
    transform:rotate(228deg);
}

.ars-orbit .hud-trail.trail-6{
    transform:rotate(291deg);
}

.ars-orbit .hud-trail.trail-7{
    transform:rotate(337deg);
}


/* ---------------------------------------------------------
   19.9 — SCANNING PULSE
   ۱۹.۹ — پالس اسکن
   --------------------------------------------------------- */

.ars-orbit .hud-pulse{

    position:absolute;

    left:50%;
    top:50%;

    width:18%;
    height:18%;

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

    border-radius:50%;

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

    box-shadow:

        0 0 12px
        rgba(22,140,255,.16),

        inset 0 0 15px
        rgba(82,182,255,.08);

    opacity:.38;

    animation:
        hudPulseExpand
        5.5s
        ease-out
        infinite;

}


/* ---------------------------------------------------------
   19.10 — HOLOGRAPHIC CORE RETICLE
   ۱۹.۱۰ — رتیکل هولوگرافیک مرکزی
   --------------------------------------------------------- */

.ars-orbit .hud-reticle{

    position:absolute;

    left:50%;
    top:50%;

    width:28%;
    height:28%;

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

    border-radius:50%;

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

    box-shadow:

        0 0 18px
        rgba(228,185,95,.12),

        inset 0 0 18px
        rgba(22,140,255,.08);

    opacity:.42;

    animation:
        hudReticleRotate
        18s
        linear
        infinite;

}


.ars-orbit .hud-reticle::before{

    content:"";

    position:absolute;

    inset:13%;

    border-radius:50%;

    border:
        1px dashed
        rgba(82,182,255,.22);

}


.ars-orbit .hud-reticle::after{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:5px;
    height:5px;

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

    border-radius:50%;

    background:#ffffff;

    box-shadow:

        0 0 8px
        rgba(255,255,255,.9),

        0 0 20px
        rgba(82,182,255,.75),

        0 0 34px
        rgba(255,241,184,.32);

}


/* ---------------------------------------------------------
   19.11 — HOLOGRAPHIC LIGHT SWEEP
   ۱۹.۱۱ — جاروب نوری هولوگرافیک
   --------------------------------------------------------- */

.ars-orbit .hud-light-sweep{

    position:absolute;

    left:50%;
    top:50%;

    width:94%;
    height:2px;

    transform-origin:
        left center;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(82,182,255,.0) 18%,
            rgba(82,182,255,.18) 42%,
            rgba(255,241,184,.70) 50%,
            rgba(82,182,255,.18) 58%,
            rgba(82,182,255,.0) 82%,
            transparent
        );

    filter:
        blur(.5px);

    opacity:.26;

    animation:
        hudLightSweep
        9s
        linear
        infinite;

}


/* ---------------------------------------------------------
   19.12 — HOLOGRAPHIC INTERFERENCE
   ۱۹.۱۲ — تداخل نوری هولوگرافیک
   --------------------------------------------------------- */

.ars-orbit .hud-interference{

    position:absolute;

    inset:8%;

    border-radius:50%;

    background:

        repeating-linear-gradient(
            0deg,
            transparent 0,
            transparent 7px,
            rgba(82,182,255,.012) 8px,
            transparent 9px
        );

    mix-blend-mode:
        screen;

    opacity:.28;

    animation:
        holographicInterference
        8s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   19.13 — HUD ACTIVE INTELLIGENCE
   ۱۹.۱۳ — هوش فعال HUD
   --------------------------------------------------------- */

.ars-orbit.hud-active .hud-scanner{

    opacity:
        1;

    filter:
        blur(0);

}


.ars-orbit.hud-active .hud-marker{

    opacity:
        1;

}


.ars-orbit.hud-active .hud-pulse{

    animation-duration:
        2.6s;

}


.ars-orbit.hud-active .hud-reticle{

    border-color:
        rgba(255,241,184,.38);

    box-shadow:

        0 0 22px
        rgba(255,241,184,.20),

        0 0 48px
        rgba(22,140,255,.14),

        inset 0 0 25px
        rgba(82,182,255,.12);

}


/* ---------------------------------------------------------
   19.14 — HOLOGRAPHIC MOTION SYSTEM
   ۱۹.۱۴ — سیستم حرکتی هولوگرافیک
   --------------------------------------------------------- */

@keyframes holographicGridRotate{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes hudScannerRotate{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes hudSecondaryScan{

    from{

        transform:
            rotate(360deg);

    }

    to{

        transform:
            rotate(0deg);

    }

}


@keyframes hudMarkerPulse{

    0%,
    100%{

        transform:
            scale(.62);

        opacity:.32;

    }

    50%{

        transform:
            scale(1.38);

        opacity:1;

    }

}


@keyframes hudPulseExpand{

    0%{

        transform:
            translate(-50%,-50%)
            scale(.55);

        opacity:.55;

    }

    75%{

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

        opacity:.08;

    }

    100%{

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

        opacity:0;

    }

}


@keyframes hudReticleRotate{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes hudLightSweep{

    from{

        transform:
            rotate(0deg);

        opacity:.08;

    }

    35%{

        opacity:.36;

    }

    70%{

        opacity:.16;

    }

    to{

        transform:
            rotate(360deg);

        opacity:.08;

    }

}


@keyframes holographicInterference{

    0%,
    100%{

        opacity:.18;

        transform:
            translateY(0);

    }

    50%{

        opacity:.38;

        transform:
            translateY(3px);

    }

}


/* ---------------------------------------------------------
   19.15 — MOBILE HOLOGRAPHIC PRESERVATION
   ۱۹.۱۵ — حفظ سیستم هولوگرافیک در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit .holographic-hud{

        width:100%;
        height:100%;

    }

    .ars-orbit .holographic-hud::before{

        width:78%;
        height:78%;

        opacity:.58;

    }

    .ars-orbit .hud-scanner{

        width:106%;
        height:106%;

        opacity:.58;

    }

    .ars-orbit .hud-reticle{

        width:31%;
        height:31%;

        opacity:.34;

    }

    .ars-orbit .hud-marker{

        width:6px;
        height:6px;

    }

    .ars-orbit .hud-trail{

        opacity:.24;

    }

    .ars-orbit .hud-light-sweep{

        opacity:.18;

    }

    .ars-orbit .hud-interference{

        opacity:.18;

    }

}


/* =========================================================
   V12 — LOCKED
   ۱۹ — HOLOGRAPHIC HUD & SCANNING SYSTEM
   ۱۹.۱ → ۱۹.۱۵
   ========================================================= */

/* =========================================================
   V13 — SECTION 20
   PARTICLE UNIVERSE & COSMIC FIELD
   ۲۰ — جهان ذرات و میدان کیهانی
   ========================================================= */


/* ---------------------------------------------------------
   20.1 — DEEP SPACE PARTICLE FIELD
   ۲۰.۱ — میدان ذرات فضای عمیق
   --------------------------------------------------------- */

.ars-orbit .cosmic-particle-field{

    position:absolute;

    inset:-32%;

    z-index:11;

    pointer-events:none;

    border-radius:50%;

    overflow:visible;

    isolation:isolate;

    background:

        radial-gradient(
            circle at 50% 50%,
            rgba(0,12,28,.08),
            transparent 38%
        ),

        radial-gradient(
            circle at 50% 50%,
            rgba(22,140,255,.025),
            transparent 66%
        );

    animation:
        cosmicFieldBreath
        11s
        ease-in-out
        infinite;

}


.ars-orbit .cosmic-particle-field::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:50%;

    background:

        radial-gradient(
            circle at 8% 18%,
            rgba(82,182,255,.72) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 18% 76%,
            rgba(255,255,255,.55) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 29% 34%,
            rgba(22,140,255,.66) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 39% 88%,
            rgba(228,185,95,.62) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 51% 12%,
            rgba(82,182,255,.58) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 64% 31%,
            rgba(255,241,184,.58) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 76% 78%,
            rgba(22,140,255,.62) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 91% 44%,
            rgba(255,255,255,.52) 0 1px,
            transparent 3px
        );

    opacity:.68;

    filter:
        drop-shadow(
            0 0 6px
            rgba(82,182,255,.35)
        );

    animation:
        cosmicFieldRotate
        72s
        linear
        infinite;

}


.ars-orbit .cosmic-particle-field::after{

    content:"";

    position:absolute;

    inset:7%;

    border-radius:50%;

    background:

        radial-gradient(
            circle at 15% 53%,
            rgba(22,140,255,.42) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 34% 11%,
            rgba(255,241,184,.48) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 57% 72%,
            rgba(82,182,255,.45) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 82% 24%,
            rgba(228,185,95,.42) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 88% 86%,
            rgba(255,255,255,.42) 0 1px,
            transparent 3px
        );

    opacity:.46;

    animation:
        cosmicFieldCounterRotate
        51s
        linear
        infinite;

}


/* ---------------------------------------------------------
   20.2 — MICRO PARTICLES
   ۲۰.۲ — ذرات میکروسکوپی
   --------------------------------------------------------- */

.ars-orbit .micro-particle{

    position:absolute;

    width:2px;
    height:2px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            #ffffff 0%,
            rgba(82,182,255,.88) 42%,
            transparent 100%
        );

    box-shadow:

        0 0 4px
        rgba(255,255,255,.82),

        0 0 10px
        rgba(82,182,255,.52);

    opacity:.5;

    pointer-events:none;

    animation:
        microParticleFloat
        6s
        ease-in-out
        infinite;

}


.ars-orbit .micro-particle:nth-child(2n){

    animation-duration:7.5s;

    animation-delay:-2s;

}


.ars-orbit .micro-particle:nth-child(3n){

    width:3px;
    height:3px;

    opacity:.72;

    animation-duration:9s;

    animation-delay:-4s;

}


/* ---------------------------------------------------------
   20.3 — MACRO PARTICLES
   ۲۰.۳ — ذرات بزرگ
   --------------------------------------------------------- */

.ars-orbit .macro-particle{

    position:absolute;

    width:8px;
    height:8px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            #ffffff 0%,
            rgba(255,241,184,.92) 25%,
            rgba(228,185,95,.54) 48%,
            rgba(22,140,255,.16) 68%,
            transparent 100%
        );

    box-shadow:

        0 0 8px
        rgba(255,255,255,.72),

        0 0 20px
        rgba(255,241,184,.55),

        0 0 42px
        rgba(22,140,255,.24);

    opacity:.68;

    pointer-events:none;

    animation:
        macroParticleOrbit
        13s
        linear
        infinite;

}


.ars-orbit .macro-particle:nth-child(2n){

    width:11px;
    height:11px;

    animation-duration:17s;

}


.ars-orbit .macro-particle:nth-child(3n){

    width:6px;
    height:6px;

    animation-duration:21s;

}


/* ---------------------------------------------------------
   20.4 — GOLDEN DUST
   ۲۰.۴ — غبار طلایی
   --------------------------------------------------------- */

.ars-orbit .golden-dust{

    position:absolute;

    inset:-4%;

    border-radius:50%;

    pointer-events:none;

    background:

        radial-gradient(
            circle at 12% 28%,
            rgba(255,241,184,.72) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 23% 67%,
            rgba(228,185,95,.68) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 41% 18%,
            rgba(255,241,184,.58) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 59% 83%,
            rgba(184,137,63,.62) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 73% 37%,
            rgba(255,241,184,.64) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 91% 71%,
            rgba(228,185,95,.54) 0 1px,
            transparent 3px
        );

    opacity:.52;

    filter:
        blur(.15px)
        drop-shadow(
            0 0 7px
            rgba(228,185,95,.32)
        );

    animation:
        goldenDustFlow
        28s
        linear
        infinite;

}


/* ---------------------------------------------------------
   20.5 — ELECTRIC BLUE PARTICLES
   ۲۰.۵ — ذرات آبی الکتریکی
   --------------------------------------------------------- */

.ars-orbit .electric-blue-particles{

    position:absolute;

    inset:-8%;

    border-radius:50%;

    pointer-events:none;

    background:

        radial-gradient(
            circle at 17% 42%,
            rgba(82,182,255,.92) 0 1.5px,
            transparent 4px
        ),

        radial-gradient(
            circle at 32% 81%,
            rgba(22,140,255,.88) 0 1px,
            transparent 4px
        ),

        radial-gradient(
            circle at 48% 24%,
            rgba(82,182,255,.78) 0 1.5px,
            transparent 4px
        ),

        radial-gradient(
            circle at 68% 64%,
            rgba(22,140,255,.9) 0 1px,
            transparent 4px
        ),

        radial-gradient(
            circle at 84% 19%,
            rgba(82,182,255,.76) 0 1px,
            transparent 4px
        ),

        radial-gradient(
            circle at 92% 82%,
            rgba(22,140,255,.7) 0 1.5px,
            transparent 4px
        );

    opacity:.62;

    filter:
        drop-shadow(
            0 0 8px
            rgba(22,140,255,.48)
        );

    animation:
        electricParticleFlow
        19s
        linear
        infinite;

}


/* ---------------------------------------------------------
   20.6 — PARTICLE TRAILS
   ۲۰.۶ — رد ذرات
   --------------------------------------------------------- */

.ars-orbit .particle-trail{

    position:absolute;

    left:50%;
    top:50%;

    width:34%;

    height:1px;

    transform-origin:left center;

    border-radius:999px;

    pointer-events:none;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(82,182,255,.10),
            rgba(82,182,255,.56),
            rgba(255,241,184,.68),
            transparent
        );

    filter:
        blur(.2px);

    opacity:.36;

}


.ars-orbit .particle-trail::after{

    content:"";

    position:absolute;

    right:12%;

    top:50%;

    width:5px;
    height:5px;

    transform:
        translateY(-50%);

    border-radius:50%;

    background:#ffffff;

    box-shadow:

        0 0 8px
        rgba(255,255,255,.9),

        0 0 18px
        rgba(82,182,255,.72),

        0 0 35px
        rgba(22,140,255,.42);

    animation:
        trailPulse
        2.7s
        ease-in-out
        infinite;

}


.ars-orbit .particle-trail.trail-1{

    transform:rotate(36deg);

}

.ars-orbit .particle-trail.trail-2{

    transform:rotate(118deg);

    width:29%;

}

.ars-orbit .particle-trail.trail-3{

    transform:rotate(204deg);

    width:38%;

}

.ars-orbit .particle-trail.trail-4{

    transform:rotate(286deg);

    width:31%;

}


/* ---------------------------------------------------------
   20.7 — PARTICLE BURSTS
   ۲۰.۷ — انفجار ذرات
   --------------------------------------------------------- */

.ars-orbit .particle-burst{

    position:absolute;

    left:50%;
    top:50%;

    width:3px;
    height:3px;

    border-radius:50%;

    pointer-events:none;

    background:#ffffff;

    box-shadow:

        0 0 8px
        rgba(255,255,255,.9),

        0 0 18px
        rgba(255,241,184,.72),

        0 0 40px
        rgba(22,140,255,.48);

    animation:
        cosmicBurst
        5.8s
        ease-out
        infinite;

}


.ars-orbit .particle-burst::before,
.ars-orbit .particle-burst::after{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:100%;
    height:100%;

    border-radius:50%;

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

    transform:
        translate(-50%,-50%)
        scale(.2);

    opacity:0;

    animation:
        burstRing
        5.8s
        ease-out
        infinite;

}


.ars-orbit .particle-burst::after{

    border-color:
        rgba(228,185,95,.34);

    animation-delay:
        1.1s;

}


.ars-orbit .particle-burst.burst-1{

    transform:
        translate(-50%,-50%)
        translate(190px,-105px);

}

.ars-orbit .particle-burst.burst-2{

    transform:
        translate(-50%,-50%)
        translate(-210px,72px);

    animation-delay:
        1.8s;

}

.ars-orbit .particle-burst.burst-3{

    transform:
        translate(-50%,-50%)
        translate(118px,190px);

    animation-delay:
        3.1s;

}


/* ---------------------------------------------------------
   20.8 — COSMIC DEPTH
   ۲۰.۸ — عمق کیهانی
   --------------------------------------------------------- */

.ars-orbit .cosmic-depth{

    position:absolute;

    inset:-24%;

    z-index:-1;

    border-radius:50%;

    pointer-events:none;

    background:

        radial-gradient(
            ellipse at 50% 50%,
            rgba(22,140,255,.075),
            transparent 25%
        ),

        radial-gradient(
            ellipse at 38% 42%,
            rgba(0,66,130,.075),
            transparent 48%
        ),

        radial-gradient(
            ellipse at 68% 64%,
            rgba(228,185,95,.028),
            transparent 52%
        ),

        radial-gradient(
            ellipse at center,
            transparent 34%,
            rgba(0,0,0,.22) 68%,
            rgba(0,1,3,.62) 100%
        );

    filter:
        blur(14px);

    opacity:.82;

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

}


/* ---------------------------------------------------------
   20.9 — V13 FINAL LOCK
   ۲۰.۹ — قفل نهایی V13
   --------------------------------------------------------- */

@keyframes cosmicFieldBreath{

    0%,
    100%{

        transform:
            scale(.97);

        opacity:.68;

    }

    50%{

        transform:
            scale(1.035);

        opacity:.96;

    }

}


@keyframes cosmicFieldRotate{

    from{

        transform:
            rotate(0deg)
            scale(1);

    }

    to{

        transform:
            rotate(360deg)
            scale(1.025);

    }

}


@keyframes cosmicFieldCounterRotate{

    from{

        transform:
            rotate(360deg);

    }

    to{

        transform:
            rotate(0deg);

    }

}


@keyframes microParticleFloat{

    0%,
    100%{

        transform:
            translate3d(0,0,0)
            scale(.65);

        opacity:.22;

    }

    50%{

        transform:
            translate3d(8px,-14px,0)
            scale(1.35);

        opacity:.9;

    }

}


@keyframes macroParticleOrbit{

    0%{

        transform:
            rotate(0deg)
            translateX(0)
            scale(.72);

        opacity:.28;

    }

    50%{

        transform:
            rotate(180deg)
            translateX(18px)
            scale(1.18);

        opacity:.95;

    }

    100%{

        transform:
            rotate(360deg)
            translateX(0)
            scale(.72);

        opacity:.28;

    }

}


@keyframes goldenDustFlow{

    from{

        transform:
            rotate(0deg)
            scale(1);

    }

    50%{

        transform:
            rotate(180deg)
            scale(1.035);

    }

    to{

        transform:
            rotate(360deg)
            scale(1);

    }

}


@keyframes electricParticleFlow{

    from{

        transform:
            rotate(0deg)
            translateX(0);

    }

    50%{

        transform:
            rotate(180deg)
            translateX(7px);

    }

    to{

        transform:
            rotate(360deg)
            translateX(0);

    }

}


@keyframes trailPulse{

    0%,
    100%{

        transform:
            translateY(-50%)
            scale(.55);

        opacity:.22;

    }

    50%{

        transform:
            translateY(-50%)
            scale(1.55);

        opacity:1;

    }

}


@keyframes cosmicBurst{

    0%,
    72%{

        opacity:.15;

        box-shadow:
            0 0 5px
            rgba(255,255,255,.45);

    }

    78%{

        opacity:1;

        box-shadow:

            0 0 10px
            rgba(255,255,255,1),

            0 0 25px
            rgba(255,241,184,.85),

            0 0 55px
            rgba(22,140,255,.65);

    }

    100%{

        opacity:.08;

    }

}


@keyframes burstRing{

    0%,
    72%{

        transform:
            translate(-50%,-50%)
            scale(.2);

        opacity:0;

    }

    78%{

        opacity:.9;

    }

    100%{

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

        opacity:0;

    }

}


@keyframes cosmicDepthBreath{

    0%,
    100%{

        transform:
            scale(.96);

        opacity:.58;

    }

    50%{

        transform:
            scale(1.08);

        opacity:.92;

    }

}


/* ---------------------------------------------------------
   20.10 — MOBILE COSMIC PRESERVATION
   ۲۰.۱۰ — حفظ میدان کیهانی در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit .cosmic-particle-field{

        inset:-38%;

    }

    .ars-orbit .micro-particle{

        width:2px;
        height:2px;

    }

    .ars-orbit .macro-particle{

        width:6px;
        height:6px;

    }

    .ars-orbit .particle-trail{

        opacity:.28;

        width:29%;

    }

    .ars-orbit .particle-burst.burst-1{

        transform:
            translate(-50%,-50%)
            translate(25vw,-15vw);

    }

    .ars-orbit .particle-burst.burst-2{

        transform:
            translate(-50%,-50%)
            translate(-27vw,12vw);

    }

    .ars-orbit .particle-burst.burst-3{

        transform:
            translate(-50%,-50%)
            translate(15vw,25vw);

    }

    .ars-orbit .cosmic-depth{

        inset:-30%;

        filter:
            blur(11px);

    }

}


/* =========================================================
   V13 — LOCKED
   SECTION 20 — PARTICLE UNIVERSE & COSMIC FIELD
   ۲۰ — جهان ذرات و میدان کیهانی
   ========================================================= */

/* =========================================================
   V14 — SECTION 21
   ADVANCED LIGHT & LENS SYSTEM
   ۲۱ — سیستم پیشرفته نور و لنز
   ========================================================= */


/* ---------------------------------------------------------
   21.1 — GLOBAL LIGHT RAYS
   ۲۱.۱ — پرتوهای نور سراسری
   --------------------------------------------------------- */

.ars-orbit .advanced-light-field{

    position:absolute;

    inset:-34%;

    z-index:13;

    pointer-events:none;

    border-radius:50%;

    overflow:visible;

    isolation:isolate;

}


.ars-orbit .advanced-light-field::before{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:150%;
    height:150%;

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

    border-radius:50%;

    background:

        conic-gradient(
            from 8deg,
            transparent 0deg,
            rgba(22,140,255,.035) 18deg,
            transparent 34deg,
            rgba(255,241,184,.045) 51deg,
            transparent 72deg,
            rgba(82,182,255,.035) 96deg,
            transparent 119deg,
            rgba(228,185,95,.04) 143deg,
            transparent 168deg,
            rgba(22,140,255,.04) 197deg,
            transparent 224deg,
            rgba(255,255,255,.025) 248deg,
            transparent 274deg,
            rgba(82,182,255,.04) 302deg,
            transparent 330deg,
            rgba(228,185,95,.035) 350deg,
            transparent 360deg
        );

    filter:
        blur(8px);

    opacity:.72;

    animation:
        globalLightRotation
        46s
        linear
        infinite;

}


.ars-orbit .advanced-light-field::after{

    content:"";

    position:absolute;

    inset:8%;

    border-radius:50%;

    background:

        radial-gradient(
            ellipse at 50% 50%,
            transparent 0 18%,
            rgba(22,140,255,.025) 30%,
            transparent 58%
        );

    filter:
        blur(18px);

    animation:
        globalLightBreath
        8s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   21.2 — CORE LIGHT RAYS
   ۲۱.۲ — پرتوهای هسته
   --------------------------------------------------------- */

.ars-orbit .core-light-ray{

    position:absolute;

    left:50%;
    top:50%;

    width:58%;

    height:2px;

    transform-origin:left center;

    border-radius:999px;

    pointer-events:none;

    background:

        linear-gradient(
            90deg,
            rgba(255,255,255,.82),
            rgba(255,241,184,.58) 18%,
            rgba(228,185,95,.25) 42%,
            rgba(82,182,255,.12) 70%,
            transparent
        );

    box-shadow:

        0 0 8px
        rgba(255,241,184,.32),

        0 0 22px
        rgba(22,140,255,.16);

    opacity:.34;

    animation:
        coreRayPulse
        4.6s
        ease-in-out
        infinite;

}


.ars-orbit .core-light-ray.ray-1{

    transform:rotate(12deg);

}

.ars-orbit .core-light-ray.ray-2{

    transform:rotate(68deg);

    width:51%;

}

.ars-orbit .core-light-ray.ray-3{

    transform:rotate(137deg);

    width:55%;

}

.ars-orbit .core-light-ray.ray-4{

    transform:rotate(201deg);

    width:62%;

}

.ars-orbit .core-light-ray.ray-5{

    transform:rotate(264deg);

    width:53%;

}

.ars-orbit .core-light-ray.ray-6{

    transform:rotate(326deg);

    width:60%;

}


/* ---------------------------------------------------------
   21.3 — NODE LIGHT RAYS
   ۲۱.۳ — پرتوهای نور نودها
   --------------------------------------------------------- */

.ars-orbit .node-light-ray{

    position:absolute;

    left:50%;
    top:50%;

    width:42%;

    height:1px;

    transform-origin:left center;

    border-radius:999px;

    pointer-events:none;

    background:

        linear-gradient(
            90deg,
            rgba(82,182,255,.05),
            rgba(82,182,255,.32),
            rgba(255,241,184,.46),
            transparent
        );

    filter:
        blur(.2px);

    opacity:.20;

    animation:
        nodeRaySweep
        6s
        ease-in-out
        infinite;

}


.ars-orbit .node-light-ray:nth-child(2n){

    animation-delay:
        -2s;

}


.ars-orbit .node-light-ray:nth-child(3n){

    animation-delay:
        -4s;

    opacity:.28;

}


/* ---------------------------------------------------------
   21.4 — LENS FLARES
   ۲۱.۴ — فلرهای نوری
   --------------------------------------------------------- */

.ars-orbit .lens-flare{

    position:absolute;

    left:50%;
    top:50%;

    width:18px;
    height:18px;

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

    border-radius:50%;

    pointer-events:none;

    background:

        radial-gradient(
            circle,
            rgba(255,255,255,1) 0%,
            rgba(255,241,184,.82) 14%,
            rgba(82,182,255,.38) 35%,
            rgba(22,140,255,.08) 58%,
            transparent 76%
        );

    box-shadow:

        0 0 10px
        rgba(255,255,255,.9),

        0 0 28px
        rgba(255,241,184,.62),

        0 0 65px
        rgba(22,140,255,.36);

    filter:
        blur(.2px);

    opacity:.58;

    animation:
        lensFlarePulse
        4.2s
        ease-in-out
        infinite;

}


.ars-orbit .lens-flare::before{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:520%;

    height:1px;

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

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(82,182,255,.12),
            rgba(255,255,255,.72),
            rgba(255,241,184,.18),
            transparent
        );

    box-shadow:
        0 0 12px
        rgba(82,182,255,.25);

}


.ars-orbit .lens-flare::after{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:1px;
    height:520%;

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

    background:

        linear-gradient(
            180deg,
            transparent,
            rgba(255,255,255,.58),
            rgba(82,182,255,.18),
            transparent
        );

}


/* ---------------------------------------------------------
   21.5 — LIGHT REFRACTION
   ۲۱.۵ — شکست نور
   --------------------------------------------------------- */

.ars-orbit .light-refraction{

    position:absolute;

    inset:-10%;

    border-radius:50%;

    pointer-events:none;

    background:

        conic-gradient(
            from 0deg,
            transparent 0deg,
            rgba(82,182,255,.045) 42deg,
            transparent 74deg,
            rgba(255,241,184,.055) 119deg,
            transparent 155deg,
            rgba(22,140,255,.04) 211deg,
            transparent 248deg,
            rgba(228,185,95,.045) 292deg,
            transparent 334deg,
            rgba(82,182,255,.04) 360deg
        );

    filter:
        blur(5px);

    opacity:.52;

    animation:
        refractionSpin
        32s
        linear
        infinite;

}


/* ---------------------------------------------------------
   21.6 — GOLDEN REFLECTIONS
   ۲۱.۶ — بازتاب‌های طلایی
   --------------------------------------------------------- */

.ars-orbit .golden-reflection{

    position:absolute;

    left:50%;
    top:50%;

    width:72%;
    height:72%;

    transform:
        translate(-50%,-50%)
        rotate(-18deg);

    border-radius:50%;

    pointer-events:none;

    background:

        linear-gradient(
            118deg,
            transparent 34%,
            rgba(255,241,184,.025) 40%,
            rgba(228,185,95,.13) 47%,
            rgba(255,241,184,.045) 52%,
            transparent 60%
        );

    filter:
        blur(4px);

    opacity:.48;

    animation:
        goldenReflectionSweep
        9s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   21.7 — BLUE REFLECTIONS
   ۲۱.۷ — بازتاب‌های آبی
   --------------------------------------------------------- */

.ars-orbit .blue-reflection{

    position:absolute;

    left:50%;
    top:50%;

    width:82%;
    height:82%;

    transform:
        translate(-50%,-50%)
        rotate(21deg);

    border-radius:50%;

    pointer-events:none;

    background:

        linear-gradient(
            72deg,
            transparent 30%,
            rgba(82,182,255,.025) 38%,
            rgba(22,140,255,.14) 47%,
            rgba(82,182,255,.035) 55%,
            transparent 64%
        );

    filter:
        blur(5px);

    opacity:.44;

    animation:
        blueReflectionSweep
        11s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   21.8 — DYNAMIC LIGHT RESPONSE
   ۲۱.۸ — واکنش پویای نور
   --------------------------------------------------------- */

.ars-orbit:hover .advanced-light-field{

    filter:
        brightness(1.16);

}


.ars-orbit:hover .advanced-light-field::before{

    opacity:.98;

    filter:
        blur(5px);

}


.ars-orbit:hover .core-light-ray{

    opacity:.58;

    box-shadow:

        0 0 10px
        rgba(255,241,184,.44),

        0 0 28px
        rgba(22,140,255,.25);

}


.ars-orbit:hover .node-light-ray{

    opacity:.42;

}


.ars-orbit:hover .lens-flare{

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

    opacity:.86;

}


.ars-orbit:hover .golden-reflection{

    opacity:.72;

}


.ars-orbit:hover .blue-reflection{

    opacity:.68;

}


/* ---------------------------------------------------------
   21.9 — V14 FINAL LOCK
   ۲۱.۹ — قفل نهایی V14
   --------------------------------------------------------- */

@keyframes globalLightRotation{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes globalLightBreath{

    0%,
    100%{

        transform:
            scale(.94);

        opacity:.42;

    }

    50%{

        transform:
            scale(1.08);

        opacity:.9;

    }

}


@keyframes coreRayPulse{

    0%,
    100%{

        opacity:.18;

        transform-origin:left center;

        scale:.84;

    }

    50%{

        opacity:.72;

        scale:1.08;

    }

}


@keyframes nodeRaySweep{

    0%,
    100%{

        opacity:.10;

        scale:.78;

    }

    50%{

        opacity:.54;

        scale:1.06;

    }

}


@keyframes lensFlarePulse{

    0%,
    100%{

        transform:
            translate(-50%,-50%)
            scale(.72);

        opacity:.24;

    }

    50%{

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

        opacity:.86;

    }

}


@keyframes refractionSpin{

    from{

        transform:
            rotate(0deg)
            scale(.98);

    }

    to{

        transform:
            rotate(360deg)
            scale(1.02);

    }

}


@keyframes goldenReflectionSweep{

    0%,
    100%{

        transform:
            translate(-50%,-50%)
            rotate(-26deg)
            scale(.92);

        opacity:.20;

    }

    50%{

        transform:
            translate(-50%,-50%)
            rotate(26deg)
            scale(1.06);

        opacity:.76;

    }

}


@keyframes blueReflectionSweep{

    0%,
    100%{

        transform:
            translate(-50%,-50%)
            rotate(24deg)
            scale(.94);

        opacity:.18;

    }

    50%{

        transform:
            translate(-50%,-50%)
            rotate(-28deg)
            scale(1.08);

        opacity:.72;

    }

}


/* ---------------------------------------------------------
   21.10 — MOBILE LIGHT CONTROL
   ۲۱.۱۰ — کنترل نور در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit .advanced-light-field{

        inset:-40%;

    }

    .ars-orbit .core-light-ray{

        width:48%;

        opacity:.26;

    }

    .ars-orbit .node-light-ray{

        width:35%;

        opacity:.16;

    }

    .ars-orbit .lens-flare{

        width:14px;
        height:14px;

        opacity:.42;

    }

    .ars-orbit .golden-reflection{

        opacity:.30;

    }

    .ars-orbit .blue-reflection{

        opacity:.28;

    }

}


/* =========================================================
   V14 — LOCKED
   SECTION 21 — ADVANCED LIGHT & LENS SYSTEM
   ۲۱ — سیستم پیشرفته نور و لنز
   ========================================================= */
/* =========================================================
   V15 — SECTION 22
   GLASS / METAL / MATERIAL INTELLIGENCE
   ۲۲ — هوش متریال شیشه، فلز و سطح
   ========================================================= */


/* ---------------------------------------------------------
   22.1 — PREMIUM GLASS SYSTEM
   ۲۲.۱ — سیستم شیشه پریمیوم
   --------------------------------------------------------- */

.ars-orbit .material-glass{

    position:relative;

    isolation:isolate;

    overflow:hidden;

    background:

        linear-gradient(
            145deg,
            rgba(18,36,62,.72),
            rgba(5,14,28,.58) 48%,
            rgba(2,7,16,.78)
        );

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

    box-shadow:

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

        inset 0 -1px 0
        rgba(0,0,0,.55),

        0 12px 38px
        rgba(0,0,0,.45),

        0 0 28px
        rgba(22,140,255,.055);

    backdrop-filter:
        blur(18px)
        saturate(135%);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(135%);

}


.ars-orbit .material-glass::before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    z-index:1;

    background:

        linear-gradient(
            125deg,
            rgba(255,255,255,.10),
            transparent 22%,
            transparent 68%,
            rgba(82,182,255,.035)
        );

    opacity:.72;

}


.ars-orbit .material-glass::after{

    content:"";

    position:absolute;

    left:-30%;
    top:-20%;

    width:70%;
    height:160%;

    pointer-events:none;

    z-index:2;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.075),
            rgba(82,182,255,.045),
            transparent
        );

    filter:
        blur(8px);

    transform:
        rotate(18deg)
        translateX(-30%);

    animation:
        glassLightSweep
        10s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   22.2 — DARK NAVY GLASS
   ۲۲.۲ — شیشه سورمه‌ای تیره
   --------------------------------------------------------- */

.ars-orbit .dark-navy-glass{

    background:

        linear-gradient(
            145deg,
            rgba(16,35,61,.82),
            rgba(6,18,35,.76),
            rgba(3,9,20,.90)
        );

    border-color:
        rgba(82,182,255,.13);

    box-shadow:

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

        inset 0 -18px 30px
        rgba(0,0,0,.24),

        0 16px 42px
        rgba(0,0,0,.55),

        0 0 24px
        rgba(22,140,255,.06);

}


/* ---------------------------------------------------------
   22.3 — BRUSHED BRONZE
   ۲۲.۳ — برنز مات برس‌خورده
   --------------------------------------------------------- */

.ars-orbit .brushed-bronze{

    position:relative;

    background:

        linear-gradient(
            135deg,
            #6b5130,
            #342819 32%,
            #765a35 52%,
            #2a2118 74%,
            #5d4529
        );

    background-size:
        220% 220%;

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

    box-shadow:

        inset 0 1px 0
        rgba(255,241,184,.13),

        inset 0 -2px 8px
        rgba(0,0,0,.42),

        0 8px 28px
        rgba(0,0,0,.45),

        0 0 20px
        rgba(184,137,63,.08);

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

}


.ars-orbit .brushed-bronze::before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    opacity:.22;

    background:

        repeating-linear-gradient(
            96deg,
            transparent 0 3px,
            rgba(255,241,184,.12) 4px,
            transparent 5px 9px
        );

    mix-blend-mode:
        screen;

}


/* ---------------------------------------------------------
   22.4 — REAL GOLD EDGES
   ۲۲.۴ — لبه‌های طلایی واقعی
   --------------------------------------------------------- */

.ars-orbit .real-gold-edge{

    border:
        1px solid
        rgba(228,185,95,.72);

    box-shadow:

        0 0 0 1px
        rgba(255,241,184,.07),

        0 0 8px
        rgba(255,241,184,.22),

        0 0 24px
        rgba(228,185,95,.14),

        inset 0 1px 0
        rgba(255,241,184,.20);

}


.ars-orbit .real-gold-edge::after{

    content:"";

    position:absolute;

    inset:1px;

    border-radius:
        inherit;

    pointer-events:none;

    background:

        linear-gradient(
            120deg,
            rgba(255,241,184,.22),
            transparent 18%,
            transparent 76%,
            rgba(184,137,63,.14)
        );

    opacity:.55;

}


/* ---------------------------------------------------------
   22.5 — METALLIC REFLECTION
   ۲۲.۵ — بازتاب فلزی
   --------------------------------------------------------- */

.ars-orbit .metallic-reflection{

    position:relative;

    overflow:hidden;

}


.ars-orbit .metallic-reflection::before{

    content:"";

    position:absolute;

    inset:-40%;

    pointer-events:none;

    background:

        linear-gradient(
            108deg,
            transparent 38%,
            rgba(255,255,255,.035) 44%,
            rgba(255,241,184,.14) 49%,
            rgba(255,255,255,.045) 53%,
            transparent 61%
        );

    transform:
        translateX(-35%)
        rotate(-8deg);

    filter:
        blur(3px);

    animation:
        metallicReflectionMove
        8.5s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   22.6 — SURFACE DEPTH
   ۲۲.۶ — عمق سطح
   --------------------------------------------------------- */

.ars-orbit .surface-depth{

    box-shadow:

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

        inset 0 8px 18px
        rgba(255,255,255,.018),

        inset 0 -14px 28px
        rgba(0,0,0,.34),

        0 14px 45px
        rgba(0,0,0,.46);

}


.ars-orbit .surface-depth::before{

    content:"";

    position:absolute;

    inset:6%;

    border-radius:
        inherit;

    pointer-events:none;

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

    box-shadow:

        inset 0 0 22px
        rgba(22,140,255,.035);

}


/* ---------------------------------------------------------
   22.7 — MATERIAL HOVER RESPONSE
   ۲۲.۷ — واکنش متریال هنگام Hover
   --------------------------------------------------------- */

.ars-orbit .material-glass,
.ars-orbit .brushed-bronze,
.ars-orbit .metallic-reflection{

    transition:

        transform
        .8s
        var(--ars-ease),

        filter
        .8s
        var(--ars-ease),

        box-shadow
        .8s
        var(--ars-ease),

        border-color
        .8s
        var(--ars-ease);

}


.ars-orbit .material-glass:hover,
.ars-orbit .brushed-bronze:hover,
.ars-orbit .metallic-reflection:hover{

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

    filter:
        brightness(1.10)
        saturate(1.08);

    border-color:
        rgba(82,182,255,.30);

    box-shadow:

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

        0 18px 52px
        rgba(0,0,0,.58),

        0 0 30px
        rgba(22,140,255,.12),

        0 0 58px
        rgba(228,185,95,.07);

}


.ars-orbit .brushed-bronze:hover{

    border-color:
        rgba(255,241,184,.62);

    box-shadow:

        inset 0 1px 0
        rgba(255,241,184,.18),

        0 18px 52px
        rgba(0,0,0,.58),

        0 0 32px
        rgba(228,185,95,.18),

        0 0 70px
        rgba(22,140,255,.07);

}


/* ---------------------------------------------------------
   22.8 — V15 FINAL LOCK
   ۲۲.۸ — قفل نهایی V15
   --------------------------------------------------------- */

@keyframes glassLightSweep{

    0%,
    100%{

        transform:
            rotate(18deg)
            translateX(-42%);

        opacity:.18;

    }

    50%{

        transform:
            rotate(18deg)
            translateX(165%);

        opacity:.72;

    }

}


@keyframes bronzeSurfaceShift{

    0%,
    100%{

        background-position:
            0% 50%;

    }

    50%{

        background-position:
            100% 50%;

    }

}


@keyframes metallicReflectionMove{

    0%,
    100%{

        transform:
            translateX(-42%)
            rotate(-8deg);

        opacity:.16;

    }

    50%{

        transform:
            translateX(42%)
            rotate(-8deg);

        opacity:.68;

    }

}


/* ---------------------------------------------------------
   22.9 — MOBILE MATERIAL CONTROL
   ۲۲.۹ — کنترل متریال در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit .material-glass{

        backdrop-filter:
            blur(11px)
            saturate(125%);

        -webkit-backdrop-filter:
            blur(11px)
            saturate(125%);

    }

    .ars-orbit .material-glass::after{

        animation-duration:
            13s;

        opacity:.48;

    }

    .ars-orbit .brushed-bronze{

        box-shadow:

            inset 0 1px 0
            rgba(255,241,184,.10),

            0 10px 30px
            rgba(0,0,0,.48),

            0 0 18px
            rgba(184,137,63,.07);

    }

    .ars-orbit .material-glass:hover,
    .ars-orbit .brushed-bronze:hover,
    .ars-orbit .metallic-reflection:hover{

        transform:
            scale(1.015);

    }

}


/* =========================================================
   V15 — LOCKED
   SECTION 22 — GLASS / METAL / MATERIAL INTELLIGENCE
   ۲۲ — هوش متریال شیشه، فلز و سطح
   ========================================================= */
/* =========================================================
   V16 — SECTION 23
   INTELLIGENT HOVER & INTERACTION ENGINE
   ۲۳ — موتور تعامل و Hover هوشمند
   ========================================================= */


/* ---------------------------------------------------------
   23.1 — NODE HOVER EXPANSION
   ۲۳.۱ — گسترش هوشمند نود
   --------------------------------------------------------- */

.ars-orbit .orbit-item{

    --node-hover-scale:1.14;

    transition:
        transform .9s var(--ars-ease),
        filter .9s var(--ars-ease),
        opacity .9s var(--ars-ease);

    will-change:
        transform,
        filter;

}


.ars-orbit .orbit-item:hover{

    transform:
        scale(var(--node-hover-scale));

    filter:
        brightness(1.18)
        saturate(1.08);

    z-index:120;

}


.ars-orbit .orbit-item:hover a{

    transform:
        scale(1.045);

}


.ars-orbit .orbit-item:hover img{

    transform:
        scale(1.075)
        translateZ(0);

}


/* ---------------------------------------------------------
   23.2 — ENERGY AMPLIFICATION
   ۲۳.۲ — تقویت انرژی هنگام تعامل
   --------------------------------------------------------- */

.ars-orbit .orbit-item:hover::before{

    width:235%;
    height:235%;

    opacity:1;

    filter:
        blur(27px);

    background:

        radial-gradient(
            circle,
            rgba(82,182,255,.22) 0%,
            rgba(22,140,255,.12) 28%,
            rgba(228,185,95,.075) 45%,
            transparent 73%
        );

}


.ars-orbit .orbit-item:hover::after{

    width:158%;
    height:158%;

    border-color:
        rgba(82,182,255,.42);

    box-shadow:

        0 0 15px
        rgba(82,182,255,.35),

        0 0 35px
        rgba(22,140,255,.25),

        0 0 70px
        rgba(228,185,95,.14),

        inset 0 0 25px
        rgba(22,140,255,.12);

}


.ars-orbit .orbit-item:hover a::after{

    opacity:1;

    filter:
        brightness(1.25);

}


/* ---------------------------------------------------------
   23.3 — ORBITAL REACTION
   ۲۳.۳ — واکنش هوشمند کل مدار
   --------------------------------------------------------- */

.ars-orbit:has(.orbit-item:hover)
.orbit-core{

    filter:
        brightness(1.08);

}


.ars-orbit:has(.orbit-item:hover)
.orbit-core::before{

    opacity:1.05;

    filter:
        blur(31px);

}


.ars-orbit:has(.orbit-item:hover)
.orbit-core::after{

    border-color:
        rgba(82,182,255,.18);

    box-shadow:

        0 0 20px
        rgba(22,140,255,.20),

        0 0 55px
        rgba(82,182,255,.12),

        0 0 100px
        rgba(228,185,95,.08);

}


.ars-orbit:has(.orbit-item:hover)
.particle-intelligence{

    opacity:
        .82;

    filter:
        brightness(1.12);

}


/* ---------------------------------------------------------
   23.4 — NEIGHBOR REACTION
   ۲۳.۴ — واکنش نودهای مجاور
   --------------------------------------------------------- */

.ars-orbit:has(.orbit-item:hover)
.orbit-item{

    transition:
        transform .75s var(--ars-ease),
        filter .75s var(--ars-ease),
        opacity .75s var(--ars-ease);

}


.ars-orbit:has(.orbit-item:hover)
.orbit-item:not(:hover){

    opacity:
        .72;

    filter:
        brightness(.82)
        saturate(.88);

}


.ars-orbit:has(.orbit-item:hover)
.orbit-item:hover{

    opacity:
        1;

}


.ars-orbit:has(.orbit-item:hover)
.orbit-item:hover ~ .orbit-item{

    transition-delay:
        .03s;

}


/* ---------------------------------------------------------
   23.5 — FOCUS MODE
   ۲۳.۵ — حالت تمرکز هوشمند
   --------------------------------------------------------- */

.ars-orbit.is-focus-mode
.orbit-item:not(.is-selected){

    opacity:
        .48;

    filter:
        brightness(.68)
        saturate(.72)
        blur(.15px);

}


.ars-orbit.is-focus-mode
.orbit-item.is-selected{

    opacity:
        1;

    filter:
        brightness(1.22)
        saturate(1.14);

    z-index:150;

}


.ars-orbit.is-focus-mode
.orbit-item.is-selected::before{

    width:245%;
    height:245%;

    opacity:1;

    filter:
        blur(30px);

}


.ars-orbit.is-focus-mode
.orbit-item.is-selected::after{

    width:165%;
    height:165%;

    border-color:
        rgba(255,241,184,.48);

    box-shadow:

        0 0 18px
        rgba(255,241,184,.42),

        0 0 45px
        rgba(228,185,95,.28),

        0 0 90px
        rgba(22,140,255,.25);

}


/* ---------------------------------------------------------
   23.6 — ACTIVE NODE STATE
   ۲۳.۶ — حالت نود فعال
   --------------------------------------------------------- */

.ars-orbit .orbit-item.is-selected{

    --node-hover-scale:
        1.18;

    transform:
        scale(1.18);

    z-index:160;

}


.ars-orbit .orbit-item.is-selected a{

    box-shadow:

        0 0 0 1px
        rgba(255,241,184,.18),

        0 0 18px
        rgba(255,241,184,.28),

        0 0 42px
        rgba(22,140,255,.24),

        inset 0 0 18px
        rgba(22,140,255,.10);

}


.ars-orbit .orbit-item.is-selected img{

    transform:
        scale(1.08);

    filter:

        drop-shadow(
            0 0 8px
            rgba(255,255,255,.50)
        )

        drop-shadow(
            0 0 24px
            rgba(255,241,184,.68)
        )

        drop-shadow(
            0 0 58px
            rgba(22,140,255,.62)
        );

}


/* ---------------------------------------------------------
   23.7 — TOUCH INTERACTION
   ۲۳.۷ — تعامل لمسی
   --------------------------------------------------------- */

@media (hover:none){

    .ars-orbit .orbit-item{

        -webkit-tap-highlight-color:
            transparent;

        touch-action:
            manipulation;

    }


    .ars-orbit .orbit-item:active{

        transform:
            scale(1.09);

        filter:
            brightness(1.16);

        z-index:140;

    }


    .ars-orbit .orbit-item:active::before{

        width:215%;
        height:215%;

        opacity:1;

        filter:
            blur(24px);

    }


    .ars-orbit .orbit-item:active::after{

        width:150%;
        height:150%;

        border-color:
            rgba(82,182,255,.34);

    }


    .ars-orbit .orbit-item:active img{

        transform:
            scale(1.045);

    }

}


/* ---------------------------------------------------------
   23.8 — MOBILE INTERACTION
   ۲۳.۸ — تعامل پیشرفته موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit .orbit-item{

        --node-hover-scale:
            1.08;

    }


    .ars-orbit .orbit-item:hover{

        transform:
            scale(1.08);

    }


    .ars-orbit .orbit-item:hover a{

        transform:
            scale(1.025);

    }


    .ars-orbit .orbit-item:hover img{

        transform:
            scale(1.045);

    }


    .ars-orbit .orbit-item:hover::before{

        width:195%;
        height:195%;

        filter:
            blur(19px);

    }


    .ars-orbit .orbit-item:hover::after{

        width:145%;
        height:145%;

        box-shadow:

            0 0 12px
            rgba(82,182,255,.25),

            0 0 28px
            rgba(22,140,255,.18),

            0 0 48px
            rgba(228,185,95,.08);

    }


    .ars-orbit .orbit-item.is-selected{

        transform:
            scale(1.10);

    }


    .ars-orbit .orbit-item.is-selected::before{

        width:205%;
        height:205%;

        filter:
            blur(21px);

    }


    .ars-orbit .orbit-item.is-selected::after{

        width:150%;
        height:150%;

    }

}


/* ---------------------------------------------------------
   23.9 — INTERACTION SAFETY & MOTION GOVERNOR
   ۲۳.۹ — کنترل ایمنی تعامل و حرکت
   --------------------------------------------------------- */

.ars-orbit .orbit-item,
.ars-orbit .orbit-item::before,
.ars-orbit .orbit-item::after,
.ars-orbit .orbit-item a,
.ars-orbit .orbit-item img{

    backface-visibility:
        hidden;

}


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

    .ars-orbit .orbit-item,
    .ars-orbit .orbit-item::before,
    .ars-orbit .orbit-item::after,
    .ars-orbit .orbit-item a,
    .ars-orbit .orbit-item img{

        animation-duration:
            .001ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .001ms !important;

    }

}


/* =========================================================
   V16 — SECTION 23 FINAL LOCK
   ۲۳ — موتور تعامل و Hover هوشمند
   ========================================================= */
/* =========================================================
   V17 — SECTION 24
   ECOSYSTEM CARD UNIVERSE
   ۲۴ — جهان کارت‌های اکوسیستم
   ========================================================= */


/* ---------------------------------------------------------
   24.1 — ECOSYSTEM CARD ARCHITECTURE
   ۲۴.۱ — معماری کارت‌های اکوسیستم
   --------------------------------------------------------- */

.ars-ecosystem,
.ecosystem-section{

    position:relative;

    isolation:isolate;

    perspective:
        1400px;

}


.ars-ecosystem .ecosystem-card,
.ecosystem-section .ecosystem-card{

    position:relative;

    isolation:isolate;

    overflow:hidden;

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

    background:

        linear-gradient(
            145deg,
            rgba(16,35,61,.92),
            rgba(8,20,38,.82) 48%,
            rgba(2,8,17,.94)
        );

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

    box-shadow:

        0 18px 45px
        rgba(0,0,0,.48),

        0 0 24px
        rgba(22,140,255,.055),

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

    transform:
        translateZ(0);

    transition:

        transform
        .85s
        var(--ars-ease),

        border-color
        .65s
        var(--ars-ease),

        box-shadow
        .85s
        var(--ars-ease),

        filter
        .65s
        var(--ars-ease);

}


/* ---------------------------------------------------------
   24.2 — PREMIUM CARD DEPTH
   ۲۴.۲ — عمق پریمیوم کارت‌ها
   --------------------------------------------------------- */

.ars-ecosystem .ecosystem-card::before{

    content:"";

    position:absolute;

    inset:-2px;

    z-index:-1;

    border-radius:
        inherit;

    background:

        linear-gradient(
            125deg,
            rgba(82,182,255,.24),
            transparent 24%,
            transparent 62%,
            rgba(228,185,95,.18)
        );

    opacity:.38;

    filter:
        blur(8px);

    transition:
        opacity
        .8s
        var(--ars-ease);

}


.ars-ecosystem .ecosystem-card::after{

    content:"";

    position:absolute;

    inset:1px;

    z-index:-1;

    border-radius:
        inherit;

    background:

        radial-gradient(
            circle at 50% 0%,
            rgba(82,182,255,.075),
            transparent 42%
        ),

        linear-gradient(
            180deg,
            rgba(255,255,255,.018),
            transparent 38%
        );

    pointer-events:none;

}


/* ---------------------------------------------------------
   24.3 — CARD ENERGY HALO
   ۲۴.۳ — هاله انرژی کارت
   --------------------------------------------------------- */

.ars-ecosystem .ecosystem-card .card-energy{

    position:absolute;

    left:50%;
    top:50%;

    width:135%;
    aspect-ratio:1;

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

    border-radius:50%;

    pointer-events:none;

    background:

        radial-gradient(
            circle,
            rgba(22,140,255,.085),
            rgba(82,182,255,.035) 28%,
            rgba(228,185,95,.025) 48%,
            transparent 70%
        );

    filter:
        blur(24px);

    opacity:.55;

    animation:
        ecosystemCardBreath
        6s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   24.4 — CARD IMAGE INTELLIGENCE
   ۲۴.۴ — هوش تصویر کارت
   --------------------------------------------------------- */

.ars-ecosystem .ecosystem-card img{

    position:relative;

    z-index:4;

    display:block;

    width:100%;

    height:auto;

    object-fit:contain;

    transform:
        translateZ(0)
        scale(1);

    filter:

        drop-shadow(
            0 5px 10px
            rgba(0,0,0,.42)
        )

        drop-shadow(
            0 0 15px
            rgba(22,140,255,.10)
        );

    transition:

        transform
        1s
        var(--ars-ease),

        filter
        .9s
        var(--ars-ease);

}


/* ---------------------------------------------------------
   24.5 — CARD LOGO ILLUMINATION
   ۲۴.۵ — نورپردازی لوگوی کارت
   --------------------------------------------------------- */

.ars-ecosystem .ecosystem-card .card-logo{

    position:relative;

    z-index:8;

    display:flex;

    align-items:center;

    justify-content:center;

}


.ars-ecosystem .ecosystem-card .card-logo::before{

    content:"";

    position:absolute;

    width:115%;

    height:115%;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(255,241,184,.16),
            rgba(22,140,255,.07) 38%,
            transparent 72%
        );

    filter:
        blur(13px);

    opacity:.52;

    pointer-events:none;

    animation:
        cardLogoGlow
        4.5s
        ease-in-out
        infinite;

}


.ars-ecosystem .ecosystem-card .card-logo img{

    position:relative;

    z-index:2;

    max-width:68%;

    max-height:68%;

}


/* ---------------------------------------------------------
   24.6 — CARD HOVER MOTION
   ۲۴.۶ — حرکت کارت
   --------------------------------------------------------- */

.ars-ecosystem .ecosystem-card:hover{

    z-index:20;

    transform:

        translateY(-12px)
        rotateX(2deg)
        rotateY(-2deg)
        scale(1.025);

    filter:
        brightness(1.08);

    border-color:
        rgba(82,182,255,.34);

    box-shadow:

        0 30px 70px
        rgba(0,0,0,.58),

        0 0 28px
        rgba(22,140,255,.14),

        0 0 70px
        rgba(22,140,255,.07),

        0 0 110px
        rgba(228,185,95,.035),

        inset 0 1px 0
        rgba(255,241,184,.12);

}


.ars-ecosystem .ecosystem-card:hover::before{

    opacity:.82;

}


.ars-ecosystem .ecosystem-card:hover img{

    transform:
        translateZ(25px)
        scale(1.075);

    filter:

        drop-shadow(
            0 8px 16px
            rgba(0,0,0,.52)
        )

        drop-shadow(
            0 0 22px
            rgba(255,241,184,.20)
        )

        drop-shadow(
            0 0 42px
            rgba(22,140,255,.24)
        );

}


/* ---------------------------------------------------------
   24.7 — CARD REVEAL
   ۲۴.۷ — افشای محتوای کارت
   --------------------------------------------------------- */

.ars-ecosystem .ecosystem-card .card-content{

    position:relative;

    z-index:10;

    opacity:.82;

    transform:
        translateY(8px);

    transition:

        opacity
        .7s
        var(--ars-ease),

        transform
        .8s
        var(--ars-ease);

}


.ars-ecosystem .ecosystem-card:hover .card-content{

    opacity:1;

    transform:
        translateY(0);

}


.ars-ecosystem .ecosystem-card .card-title{

    position:relative;

    color:
        var(--ars-white);

    text-shadow:

        0 0 14px
        rgba(255,255,255,.08);

}


.ars-ecosystem .ecosystem-card .card-title::after{

    content:"";

    display:block;

    width:0;

    height:1px;

    margin-top:8px;

    background:

        linear-gradient(
            90deg,
            var(--ars-blue-bright),
            var(--ars-gold),
            transparent
        );

    box-shadow:

        0 0 10px
        rgba(82,182,255,.35);

    transition:
        width
        .8s
        var(--ars-ease);

}


.ars-ecosystem .ecosystem-card:hover .card-title::after{

    width:72%;

}


/* ---------------------------------------------------------
   24.8 — CARD PARTICLE SYSTEM
   ۲۴.۸ — سیستم ذرات کارت
   --------------------------------------------------------- */

.ars-ecosystem .ecosystem-card .card-particles{

    position:absolute;

    inset:0;

    z-index:3;

    pointer-events:none;

    opacity:.45;

    background:

        radial-gradient(
            circle at 12% 22%,
            rgba(82,182,255,.9) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 83% 18%,
            rgba(255,241,184,.85) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 91% 72%,
            rgba(82,182,255,.72) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 24% 87%,
            rgba(228,185,95,.72) 0 1px,
            transparent 3px
        );

    animation:
        cardParticleFloat
        11s
        linear
        infinite;

}


.ars-ecosystem .ecosystem-card:hover .card-particles{

    opacity:.9;

}


/* ---------------------------------------------------------
   24.9 — V17 FINAL LOCK
   ۲۴.۹ — قفل نهایی V17
   --------------------------------------------------------- */

@keyframes ecosystemCardBreath{

    0%,
    100%{

        transform:
            translate(-50%,-50%)
            scale(.92);

        opacity:.35;

    }

    50%{

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

        opacity:.72;

    }

}


@keyframes cardLogoGlow{

    0%,
    100%{

        transform:
            scale(.88);

        opacity:.32;

    }

    50%{

        transform:
            scale(1.08);

        opacity:.72;

    }

}


@keyframes cardParticleFloat{

    0%{

        transform:
            translate3d(0,0,0)
            rotate(0deg);

    }

    50%{

        transform:
            translate3d(0,-5px,0)
            rotate(180deg);

    }

    100%{

        transform:
            translate3d(0,0,0)
            rotate(360deg);

    }

}


/* ---------------------------------------------------------
   24.10 — MOBILE ECOSYSTEM PRESERVATION
   ۲۴.۱۰ — حفظ جهان کارت در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-ecosystem .ecosystem-card{

        border-radius:
            20px;

        box-shadow:

            0 14px 34px
            rgba(0,0,0,.50),

            0 0 20px
            rgba(22,140,255,.045);

    }

    .ars-ecosystem .ecosystem-card:hover{

        transform:
            translateY(-6px)
            scale(1.015);

    }

    .ars-ecosystem .ecosystem-card:hover img{

        transform:
            scale(1.035);

    }

    .ars-ecosystem .ecosystem-card .card-energy{

        width:145%;

        filter:
            blur(18px);

    }

}


/* =========================================================
   V17 — LOCKED 🔒
   ۲۴ — ECOSYSTEM CARD UNIVERSE
   ========================================================= */

/* =========================================================
   V18 — SECTION 25
   MAIN PAGE SECTION SYSTEM
   ۲۵ — سیستم بخش‌های اصلی صفحه
   ========================================================= */


/* ---------------------------------------------------------
   25.1 — ABOUT ARS
   ۲۵.۱ — معرفی ARS
   --------------------------------------------------------- */

.ars-home-section{

    position:relative;

    width:100%;

    min-height:100vh;

    padding:
        clamp(110px,10vw,180px)
        clamp(20px,6vw,100px);

    display:flex;

    align-items:center;

    justify-content:center;

    isolation:isolate;

    overflow:hidden;

    background:

        radial-gradient(
            ellipse at 50% 40%,
            rgba(22,140,255,.035),
            transparent 42%
        ),

        linear-gradient(
            180deg,
            rgba(0,1,3,.98),
            rgba(2,5,10,.96),
            rgba(0,1,3,.99)
        );

}


.ars-home-section::before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    z-index:-2;

    background:

        radial-gradient(
            circle at 20% 35%,
            rgba(22,140,255,.045),
            transparent 25%
        ),

        radial-gradient(
            circle at 80% 65%,
            rgba(228,185,95,.025),
            transparent 25%
        );

    filter:blur(20px);

}


.ars-home-section::after{

    content:"";

    position:absolute;

    left:5%;
    right:5%;

    top:0;

    height:1px;

    pointer-events:none;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(82,182,255,.18),
            rgba(228,185,95,.22),
            rgba(82,182,255,.18),
            transparent
        );

    box-shadow:
        0 0 18px
        rgba(22,140,255,.10);

}


/* ---------------------------------------------------------
   25.1.1 — ABOUT CONTENT
   ۲۵.۱.۱ — محتوای معرفی
   --------------------------------------------------------- */

.ars-about{

    position:relative;

    width:min(1200px,100%);

    display:grid;

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

    gap:
        clamp(40px,7vw,110px);

    align-items:center;

}


.ars-about-content{

    position:relative;

    z-index:5;

}


.ars-about-content h2{

    margin:0 0 22px;

    color:var(--ars-white);

    font-size:
        clamp(34px,4.2vw,72px);

    line-height:.98;

    letter-spacing:-.045em;

}


.ars-about-content h2 span{

    color:var(--ars-gold);

    text-shadow:

        0 0 18px
        rgba(228,185,95,.16),

        0 0 45px
        rgba(22,140,255,.08);

}


.ars-about-content p{

    max-width:680px;

    margin:0;

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

    font-size:
        clamp(15px,1.15vw,19px);

    line-height:1.85;

}


/* ---------------------------------------------------------
   25.1.2 — ABOUT VISUAL CORE
   ۲۵.۱.۲ — هسته بصری معرفی
   --------------------------------------------------------- */

.ars-about-visual{

    position:relative;

    min-height:420px;

    display:flex;

    align-items:center;

    justify-content:center;

}


.ars-about-visual::before{

    content:"";

    position:absolute;

    width:360px;
    height:360px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(22,140,255,.12),
            rgba(22,140,255,.035) 38%,
            transparent 72%
        );

    filter:blur(22px);

    animation:
        sectionVisualBreath
        7s
        ease-in-out
        infinite;

}


.ars-about-visual::after{

    content:"";

    position:absolute;

    width:260px;
    height:260px;

    border-radius:50%;

    border:
        1px solid
        rgba(228,185,95,.16);

    box-shadow:

        0 0 28px
        rgba(228,185,95,.08),

        0 0 70px
        rgba(22,140,255,.08);

    animation:
        sectionVisualRotate
        28s
        linear
        infinite;

}


/* ---------------------------------------------------------
   25.2 — MISSION & VISION
   ۲۵.۲ — مأموریت و چشم‌انداز
   --------------------------------------------------------- */

.ars-mission{

    position:relative;

    width:min(1280px,100%);

    display:grid;

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

    gap:
        clamp(20px,3vw,42px);

}


.ars-mission-card{

    position:relative;

    min-height:360px;

    padding:
        clamp(28px,4vw,58px);

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

    overflow:hidden;

    isolation:isolate;

    background:

        linear-gradient(
            145deg,
            rgba(8,20,38,.96),
            rgba(5,14,28,.88)
        );

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

    box-shadow:

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

        0 24px 70px
        rgba(0,0,0,.45),

        0 0 45px
        rgba(22,140,255,.035);

    transition:
        transform .9s var(--ars-ease),
        border-color .8s var(--ars-ease),
        box-shadow .8s var(--ars-ease);

}


.ars-mission-card::before{

    content:"";

    position:absolute;

    inset:-35%;

    background:

        radial-gradient(
            circle at 30% 30%,
            rgba(22,140,255,.11),
            transparent 42%
        );

    filter:blur(30px);

    opacity:.65;

    z-index:-2;

}


.ars-mission-card::after{

    content:"";

    position:absolute;

    width:140%;
    height:1px;

    left:-20%;

    top:0;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(82,182,255,.35),
            rgba(228,185,95,.22),
            transparent
        );

    opacity:.65;

}


.ars-mission-card:hover{

    transform:
        translateY(-12px);

    border-color:
        rgba(82,182,255,.28);

    box-shadow:

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

        0 35px 90px
        rgba(0,0,0,.58),

        0 0 55px
        rgba(22,140,255,.09);

}


.ars-mission-card h3{

    margin:0 0 18px;

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

    color:var(--ars-white);

    letter-spacing:-.035em;

}


.ars-mission-card p{

    margin:0;

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

    line-height:1.8;

}


/* ---------------------------------------------------------
   25.3 — ARS PHILOSOPHY
   ۲۵.۳ — فلسفه ARS
   --------------------------------------------------------- */

.ars-philosophy{

    position:relative;

    width:min(1180px,100%);

    text-align:center;

}


.ars-philosophy-core{

    position:relative;

    max-width:900px;

    margin:auto;

    padding:
        clamp(40px,6vw,80px)
        clamp(25px,5vw,70px);

    border-radius:
        32px;

    background:

        radial-gradient(
            circle at 50% 40%,
            rgba(22,140,255,.07),
            transparent 55%
        ),

        linear-gradient(
            145deg,
            rgba(8,20,38,.92),
            rgba(2,7,15,.94)
        );

    border:
        1px solid
        rgba(228,185,95,.12);

    box-shadow:

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

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

        0 0 70px
        rgba(22,140,255,.045);

}


.ars-philosophy-core::before{

    content:"";

    position:absolute;

    inset:-2px;

    border-radius:inherit;

    padding:1px;

    background:

        conic-gradient(
            from 0deg,
            transparent,
            rgba(82,182,255,.28),
            transparent 28%,
            rgba(228,185,95,.20),
            transparent 55%,
            rgba(82,182,255,.22),
            transparent
        );

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    animation:
        philosophyBorder
        16s
        linear
        infinite;

}


.ars-philosophy-core blockquote{

    margin:0;

    color:var(--ars-white);

    font-size:
        clamp(22px,3vw,48px);

    line-height:1.25;

    letter-spacing:-.025em;

}


.ars-philosophy-core blockquote span{

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

    text-shadow:
        0 0 24px
        rgba(228,185,95,.20);

}


/* ---------------------------------------------------------
   25.4 — ECOSYSTEM SECTION
   ۲۵.۴ — بخش اکوسیستم
   --------------------------------------------------------- */

.ars-ecosystem-section{

    position:relative;

    width:min(1380px,100%);

}


.ars-ecosystem-grid{

    display:grid;

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

    gap:
        clamp(18px,2.5vw,32px);

}


.ars-ecosystem-card{

    position:relative;

    min-height:300px;

    padding:32px;

    overflow:hidden;

    border-radius:
        26px;

    background:

        linear-gradient(
            145deg,
            rgba(8,20,38,.94),
            rgba(3,10,20,.92)
        );

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

    box-shadow:

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

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

    transition:
        transform .85s var(--ars-ease),
        border-color .7s var(--ars-ease),
        box-shadow .7s var(--ars-ease);

}


.ars-ecosystem-card::before{

    content:"";

    position:absolute;

    width:220px;
    height:220px;

    left:-80px;
    top:-80px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(22,140,255,.12),
            transparent 70%
        );

    filter:blur(18px);

    transition:
        transform .9s var(--ars-ease);

}


.ars-ecosystem-card:hover{

    transform:
        translateY(-10px)
        scale(1.015);

    border-color:
        rgba(82,182,255,.24);

    box-shadow:

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

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

        0 0 45px
        rgba(22,140,255,.07);

}


.ars-ecosystem-card:hover::before{

    transform:
        translate(80px,80px)
        scale(1.35);

}


.ars-ecosystem-card h3{

    position:relative;

    margin:0 0 14px;

    color:var(--ars-white);

    font-size:24px;

}


.ars-ecosystem-card p{

    position:relative;

    margin:0;

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

    line-height:1.75;

}


/* ---------------------------------------------------------
   25.5 — FUTURE ROADMAP
   ۲۵.۵ — نقشه راه آینده
   --------------------------------------------------------- */

.ars-roadmap{

    position:relative;

    width:min(1200px,100%);

}


.ars-roadmap-track{

    position:relative;

    display:grid;

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

    gap:18px;

}


.ars-roadmap-track::before{

    content:"";

    position:absolute;

    left:5%;
    right:5%;

    top:28px;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(82,182,255,.35),
            rgba(228,185,95,.28),
            rgba(82,182,255,.35),
            transparent
        );

    box-shadow:
        0 0 15px
        rgba(22,140,255,.12);

}


.ars-roadmap-step{

    position:relative;

    z-index:2;

    padding-top:70px;

}


.ars-roadmap-node{

    position:absolute;

    left:50%;
    top:17px;

    width:22px;
    height:22px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            #ffffff 0 12%,
            var(--ars-gold-bright) 24%,
            var(--ars-blue) 50%,
            transparent 72%
        );

    box-shadow:

        0 0 8px
        rgba(255,255,255,.75),

        0 0 22px
        rgba(82,182,255,.55),

        0 0 40px
        rgba(228,185,95,.20);

    animation:
        roadmapNodePulse
        3.8s
        ease-in-out
        infinite;

}


.ars-roadmap-card{

    min-height:190px;

    padding:26px;

    border-radius:22px;

    background:
        rgba(8,20,38,.82);

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

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

        0 18px 50px
        rgba(0,0,0,.35);

    transition:
        transform .75s var(--ars-ease),
        border-color .7s var(--ars-ease);

}


.ars-roadmap-card:hover{

    transform:
        translateY(-8px);

    border-color:
        rgba(228,185,95,.22);

}


.ars-roadmap-card h3{

    margin:0 0 10px;

    color:var(--ars-gold);

    font-size:20px;

}


.ars-roadmap-card p{

    margin:0;

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

    line-height:1.7;

}


/* ---------------------------------------------------------
   25.6 — FUTURE VISION
   ۲۵.۶ — چشم‌انداز آینده
   --------------------------------------------------------- */

.ars-future-vision{

    position:relative;

    width:min(1300px,100%);

    min-height:520px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    overflow:hidden;

    border-radius:
        34px;

    background:

        radial-gradient(
            circle at 50% 50%,
            rgba(22,140,255,.10),
            transparent 32%
        ),

        linear-gradient(
            145deg,
            rgba(8,20,38,.82),
            rgba(1,5,12,.96)
        );

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

    box-shadow:

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

        0 40px 120px
        rgba(0,0,0,.58);

}


.ars-future-vision::before{

    content:"";

    position:absolute;

    width:70%;
    aspect-ratio:1;

    border-radius:50%;

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

    box-shadow:

        0 0 50px
        rgba(22,140,255,.08),

        inset 0 0 60px
        rgba(22,140,255,.04);

    animation:
        futureVisionOrbit
        32s
        linear
        infinite;

}


.ars-future-vision::after{

    content:"";

    position:absolute;

    inset:0;

    background:

        radial-gradient(
            circle at 50% 50%,
            rgba(255,255,255,.035),
            transparent 22%
        );

    pointer-events:none;

}


.ars-future-content{

    position:relative;

    z-index:5;

    max-width:850px;

}


.ars-future-content h2{

    margin:0 0 20px;

    font-size:
        clamp(34px,5vw,76px);

    line-height:1;

    letter-spacing:-.045em;

}


.ars-future-content h2 span{

    color:var(--ars-blue-bright);

    text-shadow:

        0 0 18px
        rgba(82,182,255,.25),

        0 0 50px
        rgba(22,140,255,.15);

}


.ars-future-content p{

    margin:0 auto;

    max-width:700px;

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

    line-height:1.85;

    font-size:
        clamp(15px,1.2vw,20px);

}


/* ---------------------------------------------------------
   25.7 — SECTION TRANSITIONS
   ۲۵.۷ — انتقال بین بخش‌ها
   --------------------------------------------------------- */

.ars-home-section + .ars-home-section{

    margin-top:0;

}


.ars-section-transition{

    position:absolute;

    left:0;
    right:0;

    bottom:0;

    height:
        clamp(90px,10vw,170px);

    pointer-events:none;

    z-index:10;

    background:

        linear-gradient(
            180deg,
            transparent,
            rgba(0,1,3,.55),
            #000103
        );

}


.ars-section-transition::before{

    content:"";

    position:absolute;

    left:10%;
    right:10%;

    top:50%;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(22,140,255,.16),
            rgba(228,185,95,.14),
            rgba(22,140,255,.16),
            transparent
        );

    box-shadow:
        0 0 20px
        rgba(22,140,255,.08);

}


/* ---------------------------------------------------------
   25.7.1 — SECTION REVEAL STATE
   ۲۵.۷.۱ — وضعیت آشکارسازی بخش
   --------------------------------------------------------- */

.ars-home-section .section-reveal{

    opacity:0;

    transform:
        translateY(35px);

    transition:

        opacity 1s var(--ars-ease),

        transform 1.1s var(--ars-ease);

}


.ars-home-section.is-visible .section-reveal{

    opacity:1;

    transform:
        translateY(0);

}


/* ---------------------------------------------------------
   25.7.2 — CONTENT STAGGER
   ۲۵.۷.۲ — ورود مرحله‌ای محتوا
   --------------------------------------------------------- */

.ars-home-section.is-visible
.section-reveal:nth-child(2){

    transition-delay:.08s;

}


.ars-home-section.is-visible
.section-reveal:nth-child(3){

    transition-delay:.16s;

}


.ars-home-section.is-visible
.section-reveal:nth-child(4){

    transition-delay:.24s;

}


/* ---------------------------------------------------------
   25.8 — MAIN SECTION RESPONSIVE SYSTEM
   ۲۵.۸ — سیستم Responsive بخش‌های اصلی
   --------------------------------------------------------- */

@media (max-width:1000px){

    .ars-about{

        grid-template-columns:
            1fr;

        text-align:center;

    }

    .ars-about-content p{

        margin-inline:auto;

    }

    .ars-about-visual{

        min-height:330px;

    }

    .ars-ecosystem-grid{

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

    }

    .ars-roadmap-track{

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

        row-gap:60px;

    }

    .ars-roadmap-track::before{

        display:none;

    }

}


@media (max-width:700px){

    .ars-home-section{

        min-height:auto;

        padding:
            90px
            18px
            120px;

    }

    .ars-mission{

        grid-template-columns:
            1fr;

    }

    .ars-mission-card{

        min-height:300px;

    }

    .ars-ecosystem-grid{

        grid-template-columns:
            1fr;

    }

    .ars-ecosystem-card{

        min-height:260px;

    }

    .ars-roadmap-track{

        grid-template-columns:
            1fr;

        gap:24px;

    }

    .ars-roadmap-step{

        padding-top:58px;

    }

    .ars-future-vision{

        min-height:420px;

        border-radius:26px;

    }

    .ars-future-vision::before{

        width:115%;

    }

    .ars-philosophy-core{

        border-radius:25px;

    }

}


/* ---------------------------------------------------------
   25.9 — SECTION MOTION SYSTEM
   ۲۵.۹ — سیستم حرکتی بخش‌ها
   --------------------------------------------------------- */

@keyframes sectionVisualBreath{

    0%,
    100%{

        transform:
            scale(.88);

        opacity:.48;

    }

    50%{

        transform:
            scale(1.12);

        opacity:.9;

    }

}


@keyframes sectionVisualRotate{

    from{

        transform:
            rotate(0deg);

    }

    to{

        transform:
            rotate(360deg);

    }

}


@keyframes philosophyBorder{

    from{

        transform:
            rotate(0deg);

    }

    to{

        transform:
            rotate(360deg);

    }

}


@keyframes roadmapNodePulse{

    0%,
    100%{

        transform:
            translateX(-50%)
            scale(.72);

        opacity:.45;

    }

    50%{

        transform:
            translateX(-50%)
            scale(1.18);

        opacity:1;

    }

}


@keyframes futureVisionOrbit{

    from{

        transform:
            rotate(0deg)
            scale(.96);

    }

    50%{

        transform:
            rotate(180deg)
            scale(1.02);

    }

    to{

        transform:
            rotate(360deg)
            scale(.96);

    }

}


/* ---------------------------------------------------------
   25.10 — SAFE MOTION FALLBACK
   ۲۵.۱۰ — حالت حرکت ایمن پایه
   --------------------------------------------------------- */

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

    .ars-home-section *,
    .ars-home-section *::before,
    .ars-home-section *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        scroll-behavior:auto !important;

        transition-duration:.01ms !important;

    }

}


/* =========================================================
   V18 — LOCKED 🔒
   SECTION 25 — MAIN PAGE SECTION SYSTEM
   ۲۵ — سیستم بخش‌های اصلی صفحه
   ========================================================= */
/* =========================================================
   V19 — SECTION 26
   PREMIUM SECTION TRANSITION ENGINE
   ۲۶ — موتور انتقال پریمیوم بین بخش‌ها
   ========================================================= */


/* ---------------------------------------------------------
   26.1 — ENERGY TRANSITION
   ۲۶.۱ — انتقال انرژی
   --------------------------------------------------------- */

.ars-section-transition{

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:
        clamp(110px,12vw,210px);

    z-index:20;

    pointer-events:none;

    overflow:hidden;

    isolation:isolate;

    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(0,1,3,.35) 42%,
            rgba(0,1,3,.88) 78%,
            #000103 100%
        );

}


.ars-section-transition::before{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:58%;
    height:120px;

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

    border-radius:50%;

    background:

        radial-gradient(
            ellipse,
            rgba(22,140,255,.13),
            rgba(82,182,255,.045) 34%,
            transparent 72%
        );

    filter:blur(22px);

    animation:
        transitionEnergyBreath
        6s
        ease-in-out
        infinite;

}


.ars-section-transition::after{

    content:"";

    position:absolute;

    left:8%;
    right:8%;

    top:50%;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(22,140,255,.16),
            rgba(82,182,255,.48),
            rgba(255,255,255,.18),
            rgba(228,185,95,.40),
            rgba(22,140,255,.16),
            transparent
        );

    box-shadow:

        0 0 8px
        rgba(82,182,255,.22),

        0 0 26px
        rgba(22,140,255,.12),

        0 0 50px
        rgba(228,185,95,.06);

    animation:
        transitionEnergySweep
        8s
        linear
        infinite;

}


/* ---------------------------------------------------------
   26.2 — LIGHT CURTAIN
   ۲۶.۲ — پرده نور
   --------------------------------------------------------- */

.ars-section-transition .light-curtain{

    position:absolute;

    left:50%;
    bottom:-45px;

    width:
        min(75vw,1000px);

    height:120px;

    transform:
        translateX(-50%);

    border-radius:
        50% 50% 0 0;

    background:

        radial-gradient(
            ellipse at center bottom,
            rgba(82,182,255,.12),
            rgba(22,140,255,.035) 38%,
            transparent 72%
        );

    filter:
        blur(16px);

    opacity:.65;

    animation:
        lightCurtainPulse
        5.5s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   26.3 — ORBITAL FADE
   ۲۶.۳ — محو مداری
   --------------------------------------------------------- */

.ars-section-transition .orbital-fade{

    position:absolute;

    left:50%;
    top:50%;

    width:
        clamp(180px,24vw,360px);

    aspect-ratio:1;

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

    border-radius:50%;

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

    box-shadow:

        0 0 25px
        rgba(22,140,255,.08),

        inset 0 0 30px
        rgba(22,140,255,.04);

    opacity:.65;

    animation:
        transitionOrbit
        24s
        linear
        infinite;

}


.ars-section-transition .orbital-fade::before{

    content:"";

    position:absolute;

    inset:14%;

    border-radius:50%;

    border:
        1px solid
        rgba(228,185,95,.10);

    box-shadow:
        0 0 18px
        rgba(228,185,95,.06);

}


.ars-section-transition .orbital-fade::after{

    content:"";

    position:absolute;

    left:50%;
    top:-4px;

    width:7px;
    height:7px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            #fff 0 18%,
            var(--ars-gold-bright) 35%,
            var(--ars-blue-bright) 62%,
            transparent
        );

    box-shadow:

        0 0 8px
        rgba(255,255,255,.85),

        0 0 20px
        rgba(82,182,255,.60);

}


/* ---------------------------------------------------------
   26.4 — PARTICLE TRANSITION
   ۲۶.۴ — انتقال ذرات
   --------------------------------------------------------- */

.ars-section-transition .transition-particles{

    position:absolute;

    inset:0;

    pointer-events:none;

}


.ars-section-transition .transition-particles::before{

    content:"";

    position:absolute;

    inset:0;

    background:

        radial-gradient(
            circle at 12% 54%,
            rgba(82,182,255,.8) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 22% 42%,
            rgba(228,185,95,.85) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 31% 67%,
            rgba(255,255,255,.7) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 43% 38%,
            rgba(22,140,255,.75) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 57% 62%,
            rgba(255,241,184,.75) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 68% 43%,
            rgba(82,182,255,.8) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 78% 59%,
            rgba(228,185,95,.75) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 91% 46%,
            rgba(255,255,255,.65) 0 1px,
            transparent 3px
        );

    opacity:.48;

    animation:
        transitionParticleFlow
        15s
        linear
        infinite;

}


.ars-section-transition .transition-particles::after{

    content:"";

    position:absolute;

    inset:0;

    background:

        radial-gradient(
            circle at 17% 68%,
            rgba(22,140,255,.55) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 36% 48%,
            rgba(255,241,184,.65) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 49% 71%,
            rgba(82,182,255,.65) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 73% 35%,
            rgba(228,185,95,.60) 0 1px,
            transparent 3px
        ),

        radial-gradient(
            circle at 86% 70%,
            rgba(82,182,255,.55) 0 1px,
            transparent 3px
        );

    opacity:.28;

    animation:
        transitionParticleFlowReverse
        21s
        linear
        infinite;

}


/* ---------------------------------------------------------
   26.5 — GOLD-TO-BLUE TRANSITION
   ۲۶.۵ — انتقال طلایی به آبی
   --------------------------------------------------------- */

.ars-section-transition .gold-blue-flow{

    position:absolute;

    left:0;
    right:0;

    top:50%;

    height:90px;

    transform:
        translateY(-50%);

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(228,185,95,.025),
            rgba(228,185,95,.12) 25%,
            rgba(82,182,255,.12) 55%,
            rgba(22,140,255,.08) 78%,
            transparent
        );

    filter:blur(12px);

    opacity:.65;

    animation:
        goldBlueFlow
        10s
        ease-in-out
        infinite alternate;

}


/* ---------------------------------------------------------
   26.6 — SECTION REVEAL
   ۲۶.۶ — آشکارسازی بخش
   --------------------------------------------------------- */

.ars-home-section{

    clip-path:
        inset(0 0 0 0);

}


.ars-home-section .premium-reveal{

    opacity:0;

    transform:
        translateY(45px)
        scale(.985);

    filter:
        blur(5px);

    transition:

        opacity 1.15s var(--ars-ease),

        transform 1.25s var(--ars-ease),

        filter 1.15s var(--ars-ease);

}


.ars-home-section.is-visible
.premium-reveal{

    opacity:1;

    transform:
        translateY(0)
        scale(1);

    filter:
        blur(0);

}


.ars-home-section.is-visible
.premium-reveal:nth-child(2){

    transition-delay:.08s;

}


.ars-home-section.is-visible
.premium-reveal:nth-child(3){

    transition-delay:.16s;

}


.ars-home-section.is-visible
.premium-reveal:nth-child(4){

    transition-delay:.24s;

}


.ars-home-section.is-visible
.premium-reveal:nth-child(5){

    transition-delay:.32s;

}


/* ---------------------------------------------------------
   26.6.1 — REVEAL LIGHT SCAN
   ۲۶.۶.۱ — اسکن نور هنگام آشکارسازی
   --------------------------------------------------------- */

.ars-home-section .premium-reveal-scan{

    position:absolute;

    left:-30%;

    top:0;

    width:25%;

    height:100%;

    pointer-events:none;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(82,182,255,.07),
            rgba(255,255,255,.035),
            rgba(228,185,95,.055),
            transparent
        );

    filter:blur(18px);

    transform:
        skewX(-18deg);

    opacity:0;

}


.ars-home-section.is-visible
.premium-reveal-scan{

    opacity:1;

    animation:
        sectionLightScan
        2.8s
        var(--ars-ease)
        both;

}


/* ---------------------------------------------------------
   26.7 — TRANSITION MOTION ENGINE
   ۲۶.۷ — موتور حرکتی انتقال
   --------------------------------------------------------- */

@keyframes transitionEnergyBreath{

    0%,
    100%{

        transform:
            translate(-50%,-50%)
            scale(.78);

        opacity:.35;

    }

    50%{

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

        opacity:.85;

    }

}


@keyframes transitionEnergySweep{

    0%{

        opacity:.22;

        transform:
            scaleX(.55);

    }

    50%{

        opacity:.9;

        transform:
            scaleX(1);

    }

    100%{

        opacity:.22;

        transform:
            scaleX(.55);

    }

}


@keyframes lightCurtainPulse{

    0%,
    100%{

        transform:
            translateX(-50%)
            scaleX(.82)
            scaleY(.82);

        opacity:.32;

    }

    50%{

        transform:
            translateX(-50%)
            scaleX(1.08)
            scaleY(1.08);

        opacity:.78;

    }

}


@keyframes transitionOrbit{

    from{

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to{

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes transitionParticleFlow{

    from{

        transform:
            translateX(-3%)
            rotate(0deg);

    }

    50%{

        transform:
            translateX(2%)
            rotate(180deg);

    }

    to{

        transform:
            translateX(-3%)
            rotate(360deg);

    }

}


@keyframes transitionParticleFlowReverse{

    from{

        transform:
            translateX(3%)
            rotate(360deg);

    }

    50%{

        transform:
            translateX(-2%)
            rotate(180deg);

    }

    to{

        transform:
            translateX(3%)
            rotate(0deg);

    }

}


@keyframes goldBlueFlow{

    from{

        transform:
            translateY(-50%)
            translateX(-8%);

        opacity:.35;

    }

    to{

        transform:
            translateY(-50%)
            translateX(8%);

        opacity:.75;

    }

}


@keyframes sectionLightScan{

    0%{

        left:-30%;

    }

    100%{

        left:115%;

    }

}


/* ---------------------------------------------------------
   26.8 — MOBILE TRANSITION CALIBRATION
   ۲۶.۸ — کالیبراسیون انتقال در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-section-transition{

        height:130px;

    }

    .ars-section-transition .light-curtain{

        width:120vw;

        opacity:.48;

    }

    .ars-section-transition .orbital-fade{

        width:62vw;

    }

    .ars-section-transition .gold-blue-flow{

        height:70px;

        opacity:.45;

    }

    .ars-section-transition::after{

        left:4%;
        right:4%;

    }

}


/* ---------------------------------------------------------
   26.9 — REDUCED MOTION SAFETY
   ۲۶.۹ — ایمنی حرکت کاهش‌یافته
   --------------------------------------------------------- */

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

    .ars-section-transition *,
    .ars-section-transition *::before,
    .ars-section-transition *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;

    }

}


/* =========================================================
   V19 — LOCKED 🔒
   SECTION 26 — PREMIUM SECTION TRANSITION ENGINE
   ۲۶ — موتور انتقال پریمیوم بین بخش‌ها
   ========================================================= */

/* =========================================================
   V20 — SECTION 27
   ADVANCED TYPOGRAPHY & CONTENT INTELLIGENCE
   ۲۷ — تایپوگرافی و هوش محتوایی پیشرفته
   ========================================================= */


/* ---------------------------------------------------------
   27.1 — HERO TYPOGRAPHY
   ۲۷.۱ — تایپوگرافی هیرو
   --------------------------------------------------------- */

.hero h1,
.hero .hero-title{

    position:relative;

    margin:0;

    color:var(--ars-white);

    font-weight:800;

    letter-spacing:
        -.035em;

    line-height:
        .94;

    text-align:center;

    text-wrap:
        balance;

    text-shadow:

        0 0 12px
        rgba(255,255,255,.10),

        0 0 35px
        rgba(22,140,255,.12),

        0 0 70px
        rgba(228,185,95,.055);

}


.hero h1::after,
.hero .hero-title::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:-18px;

    width:
        min(42vw,460px);

    height:1px;

    transform:
        translateX(-50%);

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(22,140,255,.12),
            rgba(255,241,184,.78),
            rgba(22,140,255,.12),
            transparent
        );

    box-shadow:

        0 0 8px
        rgba(228,185,95,.22),

        0 0 22px
        rgba(22,140,255,.12);

}


.hero .hero-subtitle,
.hero .hero-description{

    max-width:
        780px;

    margin:
        32px auto 0;

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

    font-size:
        clamp(14px,1.25vw,19px);

    line-height:
        1.8;

    letter-spacing:
        .025em;

    text-align:center;

    text-shadow:
        0 0 20px
        rgba(22,140,255,.08);

}


/* ---------------------------------------------------------
   27.2 — SECTION TITLES
   ۲۷.۲ — تیترهای بخش‌ها
   --------------------------------------------------------- */

section h2,
.section-title{

    position:relative;

    margin:0;

    color:
        var(--ars-white);

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

    font-weight:
        750;

    line-height:
        1.02;

    letter-spacing:
        -.028em;

    text-wrap:
        balance;

    text-shadow:

        0 0 16px
        rgba(255,255,255,.08),

        0 0 38px
        rgba(22,140,255,.08);

}


section h2::before,
.section-title::before{

    content:"";

    display:block;

    width:
        54px;

    height:
        2px;

    margin-bottom:
        18px;

    background:

        linear-gradient(
            90deg,
            var(--ars-gold),
            var(--ars-blue-bright),
            transparent
        );

    box-shadow:

        0 0 8px
        rgba(228,185,95,.35),

        0 0 18px
        rgba(22,140,255,.16);

}


section h2::after,
.section-title::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-14px;

    width:
        min(28vw,280px);

    height:1px;

    background:

        linear-gradient(
            90deg,
            rgba(228,185,95,.48),
            rgba(22,140,255,.28),
            transparent
        );

    opacity:
        .72;

}


/* ---------------------------------------------------------
   27.3 — GOLD TYPOGRAPHY
   ۲۷.۳ — تایپوگرافی طلایی
   --------------------------------------------------------- */

.ars-gold-text,
.gold-text{

    color:
        var(--ars-gold);

    background:

        linear-gradient(
            105deg,
            #9d7135 0%,
            #e4b95f 28%,
            #fff1b8 50%,
            #d8aa50 72%,
            #8c632e 100%
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

    text-shadow:
        0 0 22px
        rgba(228,185,95,.12);

}


.ars-gold-text strong,
.gold-text strong{

    font-weight:
        800;

}


/* ---------------------------------------------------------
   27.4 — ELECTRIC BLUE ACCENTS
   ۲۷.۴ — تأکیدهای آبی الکتریکی
   --------------------------------------------------------- */

.ars-blue-text,
.blue-text,
.accent-blue{

    color:
        var(--ars-blue-bright);

    text-shadow:

        0 0 8px
        rgba(82,182,255,.28),

        0 0 22px
        rgba(22,140,255,.20),

        0 0 42px
        rgba(22,140,255,.10);

}


.ars-accent{

    position:relative;

    display:inline-block;

    color:
        var(--ars-blue-bright);

}


.ars-accent::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:-4px;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            var(--ars-blue),
            transparent
        );

    box-shadow:

        0 0 8px
        rgba(22,140,255,.55);

    transform:
        scaleX(.35);

    transform-origin:center;

    transition:
        transform .7s var(--ars-ease);

}


.ars-accent:hover::after{

    transform:
        scaleX(1);

}


/* ---------------------------------------------------------
   27.5 — TEXT REVEAL
   ۲۷.۵ — آشکارسازی متن
   --------------------------------------------------------- */

[data-text-reveal],
.text-reveal{

    opacity:
        0;

    transform:
        translateY(24px);

    filter:
        blur(7px);

    transition:

        opacity
        1s
        var(--ars-ease),

        transform
        1s
        var(--ars-ease),

        filter
        1s
        var(--ars-ease);

}


[data-text-reveal].is-visible,
.text-reveal.is-visible{

    opacity:
        1;

    transform:
        translateY(0);

    filter:
        blur(0);

}


.text-reveal-delay-1{

    transition-delay:
        .10s;

}


.text-reveal-delay-2{

    transition-delay:
        .20s;

}


.text-reveal-delay-3{

    transition-delay:
        .30s;

}


.text-reveal-delay-4{

    transition-delay:
        .40s;

}


.text-reveal-delay-5{

    transition-delay:
        .50s;

}


/* ---------------------------------------------------------
   27.6 — CONTENT DEPTH
   ۲۷.۶ — عمق محتوایی
   --------------------------------------------------------- */

.ars-content,
.content-depth{

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

    font-size:
        clamp(
            14px,
            1.05vw,
            17px
        );

    line-height:
        1.9;

    letter-spacing:
        .012em;

    text-wrap:
        pretty;

}


.ars-content p,
.content-depth p{

    margin:
        0 0 1.2em;

}


.ars-content strong,
.content-depth strong{

    color:
        var(--ars-white);

    font-weight:
        700;

}


.ars-content em,
.content-depth em{

    color:
        rgba(228,185,95,.86);

}


.ars-content .highlight,
.content-depth .highlight{

    position:relative;

    color:
        var(--ars-white);

    padding:
        0 3px;

    text-shadow:
        0 0 14px
        rgba(22,140,255,.12);

}


.ars-content .highlight::before,
.content-depth .highlight::before{

    content:"";

    position:absolute;

    left:0;
    right:0;

    bottom:0;

    height:
        35%;

    z-index:-1;

    background:

        linear-gradient(
            90deg,
            rgba(22,140,255,.13),
            rgba(228,185,95,.07),
            transparent
        );

    filter:
        blur(4px);

}


/* ---------------------------------------------------------
   27.7 — V20 FINAL TYPOGRAPHY MOTION
   ۲۷.۷ — حرکت نهایی تایپوگرافی
   --------------------------------------------------------- */

@keyframes arsTextGlow{

    0%,
    100%{

        text-shadow:

            0 0 12px
            rgba(255,255,255,.06),

            0 0 28px
            rgba(22,140,255,.07);

    }

    50%{

        text-shadow:

            0 0 16px
            rgba(255,255,255,.10),

            0 0 42px
            rgba(22,140,255,.13),

            0 0 60px
            rgba(228,185,95,.045);

    }

}


.hero h1,
.hero .hero-title{

    animation:
        arsTextGlow
        6s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   27.8 — TYPOGRAPHY RESPONSIVE
   ۲۷.۸ — واکنش‌گرایی تایپوگرافی
   --------------------------------------------------------- */

@media (max-width:900px){

    .hero h1,
    .hero .hero-title{

        letter-spacing:
            -.025em;

    }

    section h2,
    .section-title{

        font-size:
            clamp(
                28px,
                7vw,
                48px
            );

    }

    .hero .hero-subtitle,
    .hero .hero-description{

        max-width:
            88vw;

        line-height:
            1.75;

    }

}


@media (max-width:700px){

    .hero h1,
    .hero .hero-title{

        line-height:
            1.02;

        text-shadow:

            0 0 12px
            rgba(255,255,255,.08),

            0 0 28px
            rgba(22,140,255,.10);

    }

    .hero h1::after,
    .hero .hero-title::after{

        width:
            58vw;

        bottom:
            -13px;

    }

    section h2::before,
    .section-title::before{

        width:
            42px;

        margin-bottom:
            14px;

    }

    section h2::after,
    .section-title::after{

        width:
            42vw;

    }

    .ars-content,
    .content-depth{

        font-size:
            14px;

        line-height:
            1.82;

    }

}


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

    .hero h1,
    .hero .hero-title{

        animation:
            none;

    }

    [data-text-reveal],
    .text-reveal{

        opacity:
            1;

        transform:
            none;

        filter:
            none;

        transition:
            none;

    }

}


/* =========================================================
   V20 — SECTION 27 FINAL LOCK 🔒
   ۲۷ — قفل نهایی تایپوگرافی و هوش محتوایی
   =========================================================

   LOCKED:
   27.1 — Hero Typography
   27.2 — Section Titles
   27.3 — Gold Typography
   27.4 — Electric Blue Accents
   27.5 — Text Reveal
   27.6 — Content Depth
   27.7 — Typography Motion
   27.8 — Typography Responsive

   V20 IS NOW LOCKED.

   NEXT:
   V21 — SECTION 28
   GLOBAL AMBIENT INTELLIGENCE

   ========================================================= */
/* =========================================================
   V21 — SECTION 28
   GLOBAL AMBIENT INTELLIGENCE
   ۲۸ — هوش محیطی سراسری صفحه
   ========================================================= */


/* ---------------------------------------------------------
   28.1 — AMBIENT BLUE FIELD
   ۲۸.۱ — میدان آبی محیطی
   --------------------------------------------------------- */

.ars-home-ambient{

    position:fixed;

    inset:0;

    z-index:1;

    pointer-events:none;

    overflow:hidden;

    isolation:isolate;

}


.ars-home-ambient::before{

    content:"";

    position:absolute;

    inset:-18%;

    background:

        radial-gradient(
            ellipse at 50% 42%,
            rgba(22,140,255,.075) 0%,
            rgba(22,140,255,.035) 20%,
            transparent 48%
        ),

        radial-gradient(
            ellipse at 18% 34%,
            rgba(82,182,255,.035),
            transparent 38%
        ),

        radial-gradient(
            ellipse at 84% 68%,
            rgba(6,58,112,.045),
            transparent 42%
        );

    filter:
        blur(28px);

    opacity:.82;

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

    animation:
        arsAmbientBlueField
        18s
        var(--ars-ease)
        infinite alternate;

}


/* ---------------------------------------------------------
   28.2 — GOLDEN AMBIENT FIELD
   ۲۸.۲ — میدان طلایی محیطی
   --------------------------------------------------------- */

.ars-home-ambient::after{

    content:"";

    position:absolute;

    inset:-22%;

    background:

        radial-gradient(
            ellipse at 56% 44%,
            rgba(228,185,95,.045) 0%,
            rgba(184,137,63,.022) 22%,
            transparent 48%
        ),

        radial-gradient(
            ellipse at 28% 78%,
            rgba(228,185,95,.018),
            transparent 34%
        ),

        radial-gradient(
            ellipse at 82% 18%,
            rgba(255,241,184,.012),
            transparent 32%
        );

    filter:
        blur(36px);

    opacity:.72;

    animation:
        arsAmbientGoldField
        24s
        ease-in-out
        infinite alternate;

}


/* ---------------------------------------------------------
   28.3 — DYNAMIC SHADOWS
   ۲۸.۳ — سایه‌های پویا
   --------------------------------------------------------- */

body{

    --ars-ambient-shadow:
        rgba(0,0,0,.72);

}


.hero,
main,
section{

    position:relative;

}


.hero::after{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    z-index:-1;

    background:

        radial-gradient(
            ellipse at center,
            transparent 30%,
            rgba(0,0,0,.22) 62%,
            rgba(0,0,0,.58) 100%
        );

    opacity:.78;

}


section:not(.hero)::before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    z-index:-1;

    background:

        linear-gradient(
            180deg,
            rgba(0,0,0,.18),
            transparent 22%,
            transparent 72%,
            rgba(0,0,0,.34)
        );

}


/* ---------------------------------------------------------
   28.4 — BACKGROUND DEPTH
   ۲۸.۴ — عمق پس‌زمینه
   --------------------------------------------------------- */

.ars-home-depth{

    position:absolute;

    inset:0;

    pointer-events:none;

    z-index:-4;

    overflow:hidden;

}


.ars-home-depth::before{

    content:"";

    position:absolute;

    inset:-30%;

    background:

        radial-gradient(
            circle at 50% 50%,
            rgba(22,140,255,.035),
            transparent 24%
        ),

        radial-gradient(
            circle at 50% 50%,
            transparent 28%,
            rgba(228,185,95,.018) 42%,
            transparent 58%
        );

    filter:
        blur(16px);

    transform:
        translateZ(0);

    animation:
        arsDepthPulse
        16s
        ease-in-out
        infinite;

}


.ars-home-depth::after{

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            115deg,
            transparent 0%,
            rgba(22,140,255,.012) 35%,
            transparent 50%,
            rgba(228,185,95,.009) 68%,
            transparent 100%
        );

    background-size:
        220% 220%;

    animation:
        arsDepthSweep
        28s
        linear
        infinite;

}


/* ---------------------------------------------------------
   28.5 — AMBIENT MOTION
   ۲۸.۵ — حرکت محیطی
   --------------------------------------------------------- */

.ars-home-ambient-motion{

    position:absolute;

    inset:-10%;

    pointer-events:none;

    background:

        radial-gradient(
            ellipse at 20% 30%,
            rgba(22,140,255,.025),
            transparent 28%
        ),

        radial-gradient(
            ellipse at 78% 70%,
            rgba(228,185,95,.018),
            transparent 30%
        );

    filter:
        blur(22px);

    opacity:.65;

    animation:
        arsAmbientMotion
        32s
        ease-in-out
        infinite alternate;

}


.ars-home-ambient-motion::before{

    content:"";

    position:absolute;

    inset:0;

    background:

        conic-gradient(
            from 0deg at 50% 50%,
            transparent 0deg,
            rgba(22,140,255,.018) 70deg,
            transparent 125deg,
            rgba(228,185,95,.012) 210deg,
            transparent 290deg,
            rgba(22,140,255,.016) 340deg,
            transparent 360deg
        );

    animation:
        arsAmbientRotation
        75s
        linear
        infinite;

}


/* ---------------------------------------------------------
   28.6 — VISUAL BREATHING
   ۲۸.۶ — تنفس بصری
   --------------------------------------------------------- */

.ars-home-breath{

    animation:
        arsVisualBreathing
        9s
        ease-in-out
        infinite;

}


.ars-home-breath::after{

    content:"";

    position:absolute;

    inset:-4%;

    border-radius:
        inherit;

    pointer-events:none;

    background:

        radial-gradient(
            circle,
            rgba(22,140,255,.025),
            transparent 64%
        );

    opacity:.42;

    animation:
        arsBreathAura
        9s
        ease-in-out
        infinite;

}


/* ---------------------------------------------------------
   28.7 — AMBIENT COLOR HARMONY
   ۲۸.۷ — هماهنگی رنگی محیط
   --------------------------------------------------------- */

.ars-home-blue-accent{

    box-shadow:
        0 0 32px rgba(22,140,255,.12);

}


.ars-home-gold-accent{

    box-shadow:
        0 0 32px rgba(228,185,95,.10);

}


.ars-home-bronze-accent{

    box-shadow:
        0 0 28px rgba(118,90,53,.08);

}


/* ---------------------------------------------------------
   28.8 — AMBIENT MOTION KEYFRAMES
   ۲۸.۸ — انیمیشن‌های هوش محیطی
   --------------------------------------------------------- */

@keyframes arsAmbientBlueField{

    0%{

        transform:
            translate3d(-1.5%,0,0)
            scale(.98);

        opacity:.62;

    }

    50%{

        transform:
            translate3d(1%,1.2%,0)
            scale(1.035);

        opacity:.86;

    }

    100%{

        transform:
            translate3d(-.5%,2%,0)
            scale(1.015);

        opacity:.68;

    }

}


@keyframes arsAmbientGoldField{

    0%{

        transform:
            translate3d(1%,0,0)
            scale(.97);

        opacity:.48;

    }

    50%{

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

        opacity:.76;

    }

    100%{

        transform:
            translate3d(.5%,1.5%,0)
            scale(1);

        opacity:.54;

    }

}


@keyframes arsDepthPulse{

    0%,
    100%{

        transform:
            scale(.96);

        opacity:.48;

    }

    50%{

        transform:
            scale(1.06);

        opacity:.78;

    }

}


@keyframes arsDepthSweep{

    0%{

        background-position:
            0% 50%;

    }

    100%{

        background-position:
            220% 50%;

    }

}


@keyframes arsAmbientMotion{

    0%{

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

    }

    50%{

        transform:
            translate3d(2%,1.5%,0)
            scale(1.035);

    }

    100%{

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

    }

}


@keyframes arsAmbientRotation{

    from{

        transform:
            rotate(0deg)
            scale(1);

    }

    to{

        transform:
            rotate(360deg)
            scale(1.02);

    }

}


@keyframes arsVisualBreathing{

    0%,
    100%{

        filter:
            brightness(.985);

    }

    50%{

        filter:
            brightness(1.018);

    }

}


@keyframes arsBreathAura{

    0%,
    100%{

        transform:
            scale(.94);

        opacity:.22;

    }

    50%{

        transform:
            scale(1.06);

        opacity:.58;

    }

}


/* ---------------------------------------------------------
   28.9 — MOBILE AMBIENT CONTROL
   ۲۸.۹ — کنترل هوش محیطی در موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-home-ambient::before{

        filter:
            blur(20px);

        opacity:.68;

    }

    .ars-home-ambient::after{

        filter:
            blur(24px);

        opacity:.54;

    }

    .ars-home-depth::before{

        filter:
            blur(13px);

        opacity:.56;

    }

    .ars-home-ambient-motion{

        filter:
            blur(18px);

        opacity:.48;

    }

}


/* =========================================================
   V21 — LOCKED
   ۲۸ — GLOBAL AMBIENT INTELLIGENCE
   ========================================================= */
/* =========================================================
   V22 — SECTION 29
   PERFORMANCE & MOBILE INTELLIGENCE
   ۲۹ — هوش عملکردی و موبایل
   ========================================================= */


/* ---------------------------------------------------------
   29.1 — GPU OPTIMIZATION
   ۲۹.۱ — بهینه‌سازی GPU
   --------------------------------------------------------- */

.ars-home-premium,
.hero,
.hero-wrapper,
.ars-orbit,
.orbit-core,
.orbit-item,
.particle-intelligence,
.energy-stream,
.orbital-beacon{

    -webkit-backface-visibility:hidden;

    backface-visibility:hidden;

    -webkit-transform-style:preserve-3d;

    transform-style:preserve-3d;

}

.ars-orbit,
.orbit-core,
.orbit-item{

    will-change:
        transform;

}

.particle-intelligence,
.energy-stream,
.orbital-beacon{

    will-change:
        transform,
        opacity;

}


/* ---------------------------------------------------------
   29.2 — ANIMATION BUDGET
   ۲۹.۲ — مدیریت حجم انیمیشن
   --------------------------------------------------------- */

.ars-orbit{

    contain:
        layout
        paint
        style;

}

.ars-orbit .orbit-item{

    contain:
        layout
        paint;

}

.ars-orbit .particle-intelligence,
.ars-orbit .radiation-spike,
.ars-orbit .energy-stream,
.ars-orbit .orbital-beacon{

    contain:
        paint;

}


/* ---------------------------------------------------------
   29.3 — MOBILE ORBITAL SCALING
   ۲۹.۳ — مقیاس مداری موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit{

        width:
            min(
                94vw,
                720px
            );

    }

    .ars-orbit .orbit-item{

        transform-origin:
            center center;

    }

    .ars-orbit .orbit-item a{

        transform:
            scale(.88);

    }

    .ars-orbit .orbit-item:hover a{

        transform:
            scale(1.02);

    }

}


/* ---------------------------------------------------------
   29.4 — TOUCH OPTIMIZATION
   ۲۹.۴ — بهینه‌سازی لمس
   --------------------------------------------------------- */

@media (hover:none) and (pointer:coarse){

    .ars-orbit .orbit-item{

        cursor:pointer;

        -webkit-tap-highlight-color:
            transparent;

    }

    .ars-orbit .orbit-item a{

        min-width:
            44px;

        min-height:
            44px;

        touch-action:
            manipulation;

    }

    .ars-orbit .orbit-item:hover{

        filter:
            none;

    }

    .ars-orbit .orbit-item:hover::before{

        opacity:
            .72;

    }

}


/* ---------------------------------------------------------
   29.5 — REDUCED MOTION
   ۲۹.۵ — حالت کاهش حرکت
   --------------------------------------------------------- */

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

    html{

        scroll-behavior:
            auto;

    }

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

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

        scroll-behavior:
            auto !important;

    }

    .ars-orbit,
    .orbit-core,
    .orbit-item{

        will-change:
            auto;

    }

}


/* ---------------------------------------------------------
   29.6 — SMALL SCREEN DEPTH
   ۲۹.۶ — حفظ عمق در صفحه کوچک
   --------------------------------------------------------- */

@media (max-width:480px){

    .ars-orbit{

        width:
            96vw;

    }

    .ars-orbit .orbit-item a{

        transform:
            scale(.76);

    }

    .ars-orbit .orbit-item:hover a{

        transform:
            scale(.82);

    }

    .ars-orbit .orbit-item::before{

        width:
            135%;

        height:
            135%;

        filter:
            blur(11px);

        opacity:
            .52;

    }

    .ars-orbit .orbit-item::after{

        width:
            118%;

        height:
            118%;

        opacity:
            .58;

    }

    .ars-orbit .particle-intelligence{

        opacity:
            .55;

    }

    .ars-orbit .energy-stream{

        opacity:
            .20;

    }

    .ars-orbit .radiation-spike{

        opacity:
            .20;

    }

    .ars-orbit .orbital-beacon{

        width:
            3px;

        height:
            3px;

    }

}


/* ---------------------------------------------------------
   29.7 — PERFORMANCE SAFETY LOCK
   ۲۹.۷ — قفل ایمنی عملکرد
   --------------------------------------------------------- */

.ars-orbit{

    overflow:
        visible;

}

.ars-orbit img{

    -webkit-user-drag:none;

    user-select:none;

}

.ars-orbit .particle-intelligence,
.ars-orbit .energy-stream,
.ars-orbit .radiation-spike,
.ars-orbit .orbital-beacon{

    pointer-events:
        none;

}


/* =========================================================
   V22 — FINAL LOCK 🔒
   V22 — قفل نهایی
   ========================================================= */

/*
   SECTION 29 COMPLETE.

   29.1 — GPU Optimization
   29.2 — Animation Budget
   29.3 — Mobile Orbital Scaling
   29.4 — Touch Optimization
   29.5 — Reduced Motion
   29.6 — Small Screen Depth
   29.7 — Performance Safety Lock

   V22 — LOCKED 🔒

   NEXT:
   V23 — SECTION 30
   RESPONSIVE ARCHITECTURE
*/
/* =========================================================
   V23 — SECTION 30
   RESPONSIVE ARCHITECTURE
   ۳۰ — معماری Responsive
   ========================================================= */


/* ---------------------------------------------------------
   30.1 — TABLET ARCHITECTURE
   ۳۰.۱ — معماری تبلت
   --------------------------------------------------------- */

@media (min-width:701px) and (max-width:1100px){

    .hero,
    .hero-wrapper{

        min-height:
            200vh;

    }

    .ars-orbit{

        width:
            min(
                88vw,
                820px
            );

    }

    .orbit-core{

        width:
            clamp(
                145px,
                17vw,
                195px
            );

    }

    .ars-orbit .orbit-item a{

        transform:
            scale(.92);

    }

    .ars-orbit .orbit-item:hover a{

        transform:
            scale(1.06);

    }

}


/* ---------------------------------------------------------
   30.2 — MOBILE ARCHITECTURE
   ۳۰.۲ — معماری موبایل
   --------------------------------------------------------- */

@media (max-width:700px){

    .hero,
    .hero-wrapper{

        min-height:
            200vh;

    }

    .ars-orbit{

        width:
            min(
                94vw,
                720px
            );

        max-width:
            94vw;

    }

    .orbit-core{

        width:
            clamp(
                125px,
                29vw,
                175px
            );

    }

    .ars-orbit .orbit-item{

        max-width:
            100%;

    }

}


/* ---------------------------------------------------------
   30.3 — SMALL MOBILE
   ۳۰.۳ — موبایل کوچک
   --------------------------------------------------------- */

@media (max-width:480px){

    .hero,
    .hero-wrapper{

        min-height:
            185vh;

    }

    .ars-orbit{

        width:
            96vw;

        max-width:
            96vw;

    }

    .orbit-core{

        width:
            clamp(
                118px,
                27vw,
                150px
            );

    }

    .ars-orbit .orbit-item a{

        transform:
            scale(.76);

    }

    .ars-orbit .orbit-item:hover a{

        transform:
            scale(.82);

    }

}


/* ---------------------------------------------------------
   30.4 — LARGE DESKTOP
   ۳۰.۴ — دسکتاپ بزرگ
   --------------------------------------------------------- */

@media (min-width:1400px){

    .ars-orbit{

        width:
            min(
                76vw,
                1180px
            );

    }

    .orbit-core{

        width:
            clamp(
                175px,
                12vw,
                235px
            );

    }

}


/* ---------------------------------------------------------
   30.5 — ULTRA-WIDE SCREENS
   ۳۰.۵ — نمایشگرهای فوق عریض
   --------------------------------------------------------- */

@media (min-width:1900px){

    .ars-orbit{

        width:
            min(
                68vw,
                1320px
            );

    }

    .hero-wrapper{

        max-width:
            1800px;

        margin-inline:
            auto;

    }

}


/* ---------------------------------------------------------
   30.6 — RESPONSIVE ORBIT CALIBRATION
   ۳۰.۶ — کالیبراسیون مداری Responsive
   --------------------------------------------------------- */

.ars-orbit{

    --orbit-size:
        clamp(
            300px,
            86vw,
            1050px
        );

    width:
        var(--orbit-size);

    height:
        var(--orbit-size);

}


@media (max-width:1100px){

    .ars-orbit{

        --orbit-size:
            min(
                88vw,
                820px
            );

    }

}


@media (max-width:700px){

    .ars-orbit{

        --orbit-size:
            min(
                94vw,
                720px
            );

    }

}


@media (max-width:480px){

    .ars-orbit{

        --orbit-size:
            96vw;

    }

}


/* ---------------------------------------------------------
   30.7 — RESPONSIVE SAFETY CALIBRATION
   ۳۰.۷ — کالیبراسیون ایمنی Responsive
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit,
    .orbit-core,
    .ars-orbit .orbit-item{

        -webkit-tap-highlight-color:
            transparent;

    }

    .ars-orbit img{

        max-width:
            100%;

        height:
            auto;

    }

}

@media (orientation:landscape) and (max-width:900px){

    .hero{

        min-height:
            210vh;

    }

    .ars-orbit{

        width:
            min(
                78vh,
                680px
            );

        height:
            min(
                78vh,
                680px
            );

    }

}


/* =========================================================
   V23 — FINAL LOCK 🔒
   V23 — قفل نهایی
   ========================================================= */

/*
   SECTION 30 COMPLETE.

   30.1 — Tablet Architecture
   30.2 — Mobile Architecture
   30.3 — Small Mobile
   30.4 — Large Desktop
   30.5 — Ultra-Wide Screens
   30.6 — Responsive Orbit Calibration
   30.7 — Responsive Safety Calibration

   V23 — LOCKED 🔒

   NEXT:
   V24 — SECTION 31
   ACCESSIBILITY & SAFE MOTION
*/
/* =========================================================
   V24 — SECTION 31
   ACCESSIBILITY & SAFE MOTION
   ۳۱ — دسترس‌پذیری و حرکت ایمن
   ========================================================= */


/* ---------------------------------------------------------
   31.1 — REDUCED MOTION
   ۳۱.۱ — حرکت کاهش‌یافته
   --------------------------------------------------------- */

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

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

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

        scroll-behavior:
            auto !important;

    }

    .hero-stars,
    .hero-stars-2,
    .hero-background::before,
    .ars-orbit::before,
    .ars-orbit::after,
    .particle-intelligence,
    .radiation-spike,
    .radiation-core-flash,
    .energy-stream,
    .orbital-beacon,
    .orbit-core,
    .orbit-item{

        animation:
            none !important;

    }

}


/* ---------------------------------------------------------
   31.2 — CONTRAST CONTROL
   ۳۱.۲ — کنترل کنتراست
   --------------------------------------------------------- */

body{

    color:
        var(--ars-white);

}

.hero h1,
.hero h2,
.hero h3,
.section-title{

    color:
        var(--ars-white);

    text-shadow:

        0 0 18px
        rgba(0,0,0,.75);

}

.hero p,
.section-description{

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

}

.gold,
.gold-text{

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

}

.blue,
.blue-text{

    color:
        var(--ars-blue-bright);

}


/* ---------------------------------------------------------
   31.3 — FOCUS VISIBILITY
   ۳۱.۳ — نمایش واضح Focus
   --------------------------------------------------------- */

:focus-visible{

    outline:
        2px solid
        var(--ars-blue-bright);

    outline-offset:
        5px;

    border-radius:
        8px;

    box-shadow:

        0 0 0 4px
        rgba(22,140,255,.14),

        0 0 22px
        rgba(82,182,255,.28);

}

.ars-orbit .orbit-item a:focus-visible{

    outline:
        2px solid
        var(--ars-gold-bright);

    outline-offset:
        6px;

    box-shadow:

        0 0 0 4px
        rgba(228,185,95,.14),

        0 0 28px
        rgba(228,185,95,.32),

        0 0 48px
        rgba(22,140,255,.20);

}


/* ---------------------------------------------------------
   31.4 — TOUCH TARGET PROTECTION
   ۳۱.۴ — حفاظت از محدوده لمس
   --------------------------------------------------------- */

.ars-orbit .orbit-item a{

    min-width:
        44px;

    min-height:
        44px;

    touch-action:
        manipulation;

}

button,
a,
input,
select,
textarea{

    touch-action:
        manipulation;

}


/* ---------------------------------------------------------
   31.5 — KEYBOARD NAVIGATION
   ۳۱.۵ — ناوبری با صفحه‌کلید
   --------------------------------------------------------- */

a,
button{

    -webkit-tap-highlight-color:
        transparent;

}

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

    position:
        relative;

    z-index:
        100;

}

.ars-orbit .orbit-item a{

    cursor:
        pointer;

}


/* ---------------------------------------------------------
   31.6 — ACCESSIBILITY LAYER
   ۳۱.۶ — لایه دسترس‌پذیری
   --------------------------------------------------------- */

[aria-hidden="true"]{

    pointer-events:
        none;

}

[role="button"]{

    cursor:
        pointer;

}

img{

    max-width:
        100%;

}

@media (forced-colors: active){

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

        box-shadow:
            none !important;

        text-shadow:
            none !important;

    }

    :focus-visible{

        outline:
            2px solid
            CanvasText;

    }

}


/* ---------------------------------------------------------
   31.7 — SAFE MOTION & INTERACTION PROTECTION
   ۳۱.۷ — حفاظت نهایی حرکت و تعامل
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit .orbit-item:hover{

        filter:
            none;

    }

    .ars-orbit .orbit-item:hover::before{

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

    }

}

@media (hover:none) and (pointer:coarse){

    .ars-orbit .orbit-item:hover a{

        transform:
            none;

    }

    .ars-orbit .orbit-item:hover img{

        transform:
            none;

    }

}


/* =========================================================
   V24 — FINAL LOCK 🔒
   V24 — قفل نهایی
   ========================================================= */

/*
   SECTION 31 COMPLETE.

   31.1 — Reduced Motion
   31.2 — Contrast Control
   31.3 — Focus Visibility
   31.4 — Touch Target Protection
   31.5 — Keyboard Navigation
   31.6 — Accessibility Layer
   31.7 — Safe Motion & Interaction Protection

   V24 — LOCKED 🔒

   NEXT:
   V25 — SECTION 32
   FINAL HOME INTEGRATION
*/
/* =========================================================
   V25 — SECTION 32
   FINAL HOME INTEGRATION
   ۳۲ — یکپارچه‌سازی نهایی Home
   ========================================================= */


/* ---------------------------------------------------------
   32.1 — SYSTEM INTEGRATION
   ۳۲.۱ — یکپارچه‌سازی سیستم
   --------------------------------------------------------- */

.ars-home-premium{

    position:relative;

    isolation:isolate;

    min-height:100vh;

    overflow-x:hidden;

    background:
        linear-gradient(
            180deg,
            #000103 0%,
            #010207 45%,
            #000103 100%
        );

}

.ars-home-premium > *{

    position:relative;

}

.hero,
.hero-wrapper,
.ars-orbit,
.orbit-core,
.orbit-item{

    isolation:isolate;

}


/* ---------------------------------------------------------
   32.2 — LAYER PRIORITY
   ۳۲.۲ — اولویت لایه‌ها
   --------------------------------------------------------- */

.hero-background{

    z-index:-10;

}

.hero-stars{

    z-index:-8;

}

.hero-stars-2{

    z-index:-7;

}

.particle-intelligence{

    z-index:14;

}

.ars-orbit{

    z-index:20;

}

.orbit-core{

    z-index:50;

}

.orbit-item{

    z-index:30;

}

.orbit-item:hover{

    z-index:80;

}

.orbit-item.is-selected{

    z-index:90;

}

.main-header{

    z-index:1000;

}


/* ---------------------------------------------------------
   32.3 — Z-INDEX ARCHITECTURE
   ۳۲.۳ — معماری Z-Index
   --------------------------------------------------------- */

.ars-home-premium{

    --z-background:
        -10;

    --z-atmosphere:
        0;

    --z-particles:
        14;

    --z-orbit:
        20;

    --z-nodes:
        30;

    --z-core:
        50;

    --z-focus:
        90;

    --z-header:
        1000;

}

.hero-background{

    z-index:
        var(--z-background);

}

.particle-intelligence{

    z-index:
        var(--z-particles);

}

.ars-orbit{

    z-index:
        var(--z-orbit);

}

.orbit-core{

    z-index:
        var(--z-core);

}


/* ---------------------------------------------------------
   32.4 — ANIMATION SYNCHRONIZATION
   ۳۲.۴ — همگام‌سازی انیمیشن‌ها
   --------------------------------------------------------- */

.ars-orbit{

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

}

.orbit-core{

    animation:
        homeCorePresence
        7s
        ease-in-out
        infinite;

}

.orbit-item{

    animation:
        homeNodePresence
        9s
        ease-in-out
        infinite;

}

@keyframes homeOrbitalBreath{

    0%,
    100%{

        filter:
            brightness(.97);

    }

    50%{

        filter:
            brightness(1.035);

    }

}

@keyframes homeCorePresence{

    0%,
    100%{

        filter:
            brightness(.98);

    }

    50%{

        filter:
            brightness(1.06);

    }

}

@keyframes homeNodePresence{

    0%,
    100%{

        filter:
            brightness(.98);

    }

    50%{

        filter:
            brightness(1.025);

    }

}


/* ---------------------------------------------------------
   32.5 — GLOBAL VISUAL CALIBRATION
   ۳۲.۵ — کالیبراسیون بصری سراسری
   --------------------------------------------------------- */

.ars-home-premium{

    --integration-blue:
        rgba(22,140,255,.18);

    --integration-gold:
        rgba(228,185,95,.12);

    --integration-white:
        rgba(247,244,237,.08);

}

.ars-orbit{

    filter:
        drop-shadow(
            0 0 35px
            var(--integration-blue)
        );

}

.orbit-core{

    filter:
        drop-shadow(
            0 0 32px
            var(--integration-gold)
        )

        drop-shadow(
            0 0 55px
            rgba(22,140,255,.08)
        );

}

.orbit-item{

    filter:
        drop-shadow(
            0 0 12px
            rgba(22,140,255,.055)
        );

}


/* ---------------------------------------------------------
   32.6 — FINAL CONFLICT PROTECTION
   ۳۲.۶ — محافظت نهایی در برابر تداخل
   --------------------------------------------------------- */

.ars-home-premium .ars-orbit{

    margin:
        0;

    padding:
        0;

    max-width:
        none;

}

.ars-home-premium .ars-orbit img{

    border:
        0;

    outline:
        0;

}

.ars-home-premium .orbit-item{

    margin:
        0;

    padding:
        0;

}

.ars-home-premium .orbit-item a{

    text-decoration:
        none;

}

.ars-home-premium *,
.ars-home-premium *::before,
.ars-home-premium *::after{

    box-sizing:
        border-box;

}


/* ---------------------------------------------------------
   32.7 — FINAL INTEGRATION CALIBRATION
   ۳۲.۷ — کالیبراسیون نهایی یکپارچه‌سازی
   --------------------------------------------------------- */

@media (max-width:700px){

    .ars-orbit{

        animation-duration:
            18s;

    }

    .orbit-core{

        animation-duration:
            9s;

    }

    .orbit-item{

        animation-duration:
            12s;

    }

}

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

    .ars-orbit,
    .orbit-core,
    .orbit-item{

        animation:
            none !important;

    }

}


/* =========================================================
   V25 — FINAL LOCK 🔒
   V25 — قفل نهایی
   ========================================================= */

/*
   SECTION 32 COMPLETE.

   32.1 — System Integration
   32.2 — Layer Priority
   32.3 — Z-Index Architecture
   32.4 — Animation Synchronization
   32.5 — Global Visual Calibration
   32.6 — Final Conflict Protection
   32.7 — Final Integration Calibration

   V25 — LOCKED 🔒

   NEXT:
   V26 — SECTION 33
   HOME PREMIUM MASTER LOCK
*/

/* =========================================================
   V26 — SECTION 33
   HOME PREMIUM MASTER LOCK
   ۳۳ — قفل نهایی Master
   ========================================================= */


/* ---------------------------------------------------------
   33.1 — FINAL CSS VALIDATION
   ۳۳.۱ — اعتبارسنجی نهایی CSS
   --------------------------------------------------------- */

.ars-home-premium{

    position:relative;

    width:100%;

    min-height:100vh;

    margin:0;
    padding:0;

    overflow-x:hidden;

    isolation:isolate;

}

.ars-home-premium *,
.ars-home-premium *::before,
.ars-home-premium *::after{

    box-sizing:border-box;

}

.ars-home-premium img{

    display:block;

    max-width:100%;

    height:auto;

}

.ars-home-premium a{

    color:inherit;

    text-decoration:none;

}


/* ---------------------------------------------------------
   33.2 — LAYER VALIDATION
   ۳۳.۲ — اعتبارسنجی لایه‌ها
   --------------------------------------------------------- */

.ars-home-premium{

    --ars-layer-background:-10;
    --ars-layer-atmosphere:0;
    --ars-layer-particles:14;
    --ars-layer-orbit:20;
    --ars-layer-nodes:30;
    --ars-layer-core:50;
    --ars-layer-focus:90;
    --ars-layer-header:1000;

}

.ars-home-premium .hero-background{

    z-index:
        var(--ars-layer-background);

}

.ars-home-premium .particle-intelligence{

    z-index:
        var(--ars-layer-particles);

}

.ars-home-premium .ars-orbit{

    z-index:
        var(--ars-layer-orbit);

}

.ars-home-premium .orbit-item{

    z-index:
        var(--ars-layer-nodes);

}

.ars-home-premium .orbit-core{

    z-index:
        var(--ars-layer-core);

}

.ars-home-premium .orbit-item:hover{

    z-index:
        var(--ars-layer-focus);

}

.ars-home-premium .orbit-item.is-selected{

    z-index:
        var(--ars-layer-focus);

}

.ars-home-premium .main-header{

    z-index:
        var(--ars-layer-header);

}


/* ---------------------------------------------------------
   33.3 — RESPONSIVE VALIDATION
   ۳۳.۳ — اعتبارسنجی Responsive
   --------------------------------------------------------- */

@media (max-width:1200px){

    .ars-orbit{

        width:
            min(88vw,920px);

    }

}

@media (max-width:900px){

    .ars-orbit{

        width:
            min(92vw,760px);

    }

}

@media (max-width:700px){

    .hero,
    .hero-wrapper{

        min-height:
            200vh;

    }

    .ars-orbit{

        width:
            min(94vw,620px);

    }

    .main-header{

        height:
            78px;

    }

    .mother-logo{

        width:
            clamp(
                78px,
                17vw,
                110px
            );

    }

}

@media (max-width:420px){

    .ars-orbit{

        width:
            96vw;

    }

}


/* ---------------------------------------------------------
   33.4 — ANIMATION VALIDATION
   ۳۳.۴ — اعتبارسنجی انیمیشن
   --------------------------------------------------------- */

.ars-home-premium{

    --ars-motion-fast:
        .45s;

    --ars-motion-medium:
        .8s;

    --ars-motion-slow:
        1.2s;

}

.ars-home-premium .orbit-item,
.ars-home-premium .orbit-core,
.ars-home-premium .ars-orbit{

    transform-origin:
        center center;

    will-change:
        transform;

}

.ars-home-premium .hero-stars,
.ars-home-premium .hero-stars-2,
.ars-home-premium .particle-intelligence{

    will-change:
        transform;

}

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

    .ars-home-premium *,
    .ars-home-premium *::before,
    .ars-home-premium *::after{

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

        scroll-behavior:
            auto !important;

    }

}


/* ---------------------------------------------------------
   33.5 — PERFORMANCE VALIDATION
   ۳۳.۵ — اعتبارسنجی عملکرد
   --------------------------------------------------------- */

.ars-home-premium .hero-stars,
.ars-home-premium .hero-stars-2,
.ars-home-premium .particle-intelligence,
.ars-home-premium .radiation-spike,
.ars-home-premium .energy-stream,
.ars-home-premium .orbital-beacon{

    pointer-events:
        none;

}

.ars-home-premium .hero-background,
.ars-home-premium .ars-orbit{

    contain:
        layout
        paint;

}

@media (max-width:700px){

    .ars-home-premium .particle-intelligence{

        opacity:
            .78;

    }

    .ars-home-premium .energy-stream{

        opacity:
            .24;

    }

    .ars-home-premium .radiation-spike{

        opacity:
            .24;

    }

}


/* ---------------------------------------------------------
   33.6 — FINAL VISUAL CALIBRATION
   ۳۳.۶ — کالیبراسیون نهایی بصری
   --------------------------------------------------------- */

.ars-home-premium{

    color:
        var(--ars-white);

    background:

        radial-gradient(
            circle at 50% 38%,
            rgba(22,140,255,.045),
            transparent 28%
        ),

        radial-gradient(
            circle at 50% 50%,
            rgba(228,185,95,.018),
            transparent 45%
        ),

        linear-gradient(
            180deg,
            #000103 0%,
            #010207 48%,
            #000103 100%
        );

}

.ars-home-premium::after{

    content:"";

    position:fixed;

    inset:0;

    pointer-events:none;

    z-index:
        -1;

    background:

        radial-gradient(
            circle at 50% 50%,
            transparent 30%,
            rgba(0,0,0,.24) 100%
        );

}


/* ---------------------------------------------------------
   33.7 — FINAL SYSTEM PROTECTION
   ۳۳.۷ — محافظت نهایی سیستم
   --------------------------------------------------------- */

.ars-home-premium{

    overflow-x:
        clip;

}

@supports not (overflow:clip){

    .ars-home-premium{

        overflow-x:
            hidden;

    }

}

.ars-home-premium .ars-orbit,
.ars-home-premium .orbit-core,
.ars-home-premium .orbit-item{

    user-select:
        none;

}

.ars-home-premium button,
.ars-home-premium a{

    -webkit-tap-highlight-color:
        transparent;

}


/* =========================================================
   V26 — ARS HOME PREMIUM CSS
   MASTER LOCK 🔒
   V26 — SECTION 33 COMPLETE
   ========================================================= */

/*
   33.1 — Final CSS Validation
   ۳۳.۱ — اعتبارسنجی نهایی CSS

   33.2 — Layer Validation
   ۳۳.۲ — اعتبارسنجی لایه‌ها

   33.3 — Responsive Validation
   ۳۳.۳ — اعتبارسنجی Responsive

   33.4 — Animation Validation
   ۳۳.۴ — اعتبارسنجی انیمیشن

   33.5 — Performance Validation
   ۳۳.۵ — اعتبارسنجی عملکرد

   33.6 — Final Visual Calibration
   ۳۳.۶ — کالیبراسیون نهایی بصری

   33.7 — Final System Protection
   ۳۳.۷ — محافظت نهایی سیستم


   ========================================================
   🔒 ARS HOME PREMIUM CSS — MASTER LOCK
   🔒 قفل نهایی Master استایل Home Premium
   ========================================================

   V26 — LOCKED 🔒

   SECTION 33 — LOCKED 🔒

   HOME PREMIUM CSS ROADMAP — COMPLETE 🔒

   V8  → SECTION 15
   V9  → SECTION 16
   V10 → SECTION 17
   V11 → SECTION 18
   V12 → SECTION 19
   V13 → SECTION 20
   V14 → SECTION 21
   V15 → SECTION 22
   V16 → SECTION 23
   V17 → SECTION 24
   V18 → SECTION 25
   V19 → SECTION 26
   V20 → SECTION 27
   V21 → SECTION 28
   V22 → SECTION 29
   V23 → SECTION 30
   V24 → SECTION 31
   V25 → SECTION 32
   V26 → SECTION 33

   🔒 MASTER LOCK — FINAL
*/