@font-face {
            font-family: 'anjoman';
            font-style: normal;
            font-weight: 100;
            src: url(../Font/anjoman/Anjoman-Thin/Anjoman-Thin.eot);
            src: url(../Font/anjoman/Anjoman-Thin/Anjoman-Thin.eot?#iefix) format("embedded-opentype"),
                 url(../Font/anjoman/Anjoman-Thin/Anjoman-Thin.woff) format("woff"),
                 url(../Font/anjoman/Anjoman-Thin/Anjoman-Thin.ttf) format("truetype"),
                 url(../Font/anjoman/Anjoman-Thin/Anjoman-Thin.otf) format("opentype");
        }

        @font-face {
            font-family: 'IranYekan';
            font-style: normal;
            font-weight: 200;
            src: url(../Font/Iran-yekan-faNum/eot/IranYekanwebregularfanum.eot);
            src: url(../Font/Iran-yekan-faNum/eot/IranYekanwebregularfanum.eot?#iefix) format("embedded-opentype"),
                 url(../Font/Iran-yekan-faNum/woff/IranYekanwebregularfanum.woff) format("woff"),
                 url(../Font/Iran-yekan-faNum/ttf/IranYekanwebregularfanum.ttf) format("truetype");
        }

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

body {
    background: #0b0a07;            /* رنگ پس‌زمینه اصلی */
    position: relative;
    overflow-x: hidden;
}

/* -------------------------------------------------------------
    لایه ۱ – رنگ ثابت (همانند body::before در کد اصلی)
   ------------------------------------------------------------- */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    background-color: #1a0d06;
    pointer-events: none;
}

/* -------------------------------------------------------------
    لایه ۲ – رادیال گرادیانت متحرک (ambientGlow)
   ------------------------------------------------------------- */
body::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    background: radial-gradient(ellipse at 50% 0%, rgba(245, 124, 0, 0.05) 0%, transparent 65%);
    pointer-events: none;
    animation: ambientGlow 12s ease-in-out infinite alternate;
}

@keyframes ambientGlow {
    0%   { opacity: 0.3; transform: scale(1); }
    50%  { opacity: 0.7; transform: scale(1.05); }
    100% { opacity: 0.3; transform: scale(1); }
}

/* -------------------------------------------------------------
    لایه ۳ – گوی‌های شناور (اورب)
   ------------------------------------------------------------- */
.bg-orb {
    position: fixed;
    border-radius: 50%;
    filter: blur(100px);
    pointer-events: none;
    z-index: 0;
    animation: orbFloat 20s ease-in-out infinite alternate;
}

.bg-orb.orb-1 {
    width: 600px;
    height: 600px;
    background: rgba(245, 124, 0, 0.04);
    top: -100px;
    right: -100px;
}

.bg-orb.orb-2 {
    width: 500px;
    height: 500px;
    background: rgba(245, 124, 0, 0.03);
    bottom: -50px;
    left: -50px;
    animation-delay: -7s;
}

.bg-orb.orb-3 {
    width: 400px;
    height: 400px;
    background: rgba(245, 124, 0, 0.02);
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    animation-delay: -14s;
}

@keyframes orbFloat {
    0%   { transform: translate(0, 0) scale(1); }
    33%  { transform: translate(30px, -20px) scale(1.05); }
    66%  { transform: translate(-15px, 30px) scale(0.95); }
    100% { transform: translate(15px, -15px) scale(1.02); }
}

/* -------------------------------------------------------------
    لایه ۴ – بافت دانه‌دار (grain) با SVG
   ------------------------------------------------------------- */
.grain {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    opacity: 0.35;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/></svg>");
    background-size: 200px 200px;
    background-repeat: repeat;
}

  .eyebrow{
    display:inline-block; font-size:12px; font-weight:700; letter-spacing:.18em;
    color:var(--orange-2); background:rgba(255,180,40,.1); border:1px solid var(--line);
    padding:6px 16px; border-radius:40px; margin-bottom:22px;
  }

  h2.heading{
    font-family:'IranYekan','anjoman'; font-weight:900; font-size:clamp(30px,4.2vw,52px);
    line-height:1.2; color:var(--ink); margin-bottom:18px; letter-spacing:-.01em;
  }
  h2.heading span{color:var(--orange-2); text-shadow:0 0 30px rgba(245,124,0,.35);}
  .sub{color:var(--ink-dim); font-size:17px; line-height:1.9; max-width:640px;
max-width:700px;

margin:25px auto;}
/*==================================================
                FALCON FOOTER
                Part 1 / 4
==================================================*/

.fal-footer{

    position: relative;

    padding: 110px 0 0;

    font-family: 'IranYekan';

    overflow: hidden;

    z-index: 2;

}
.footer-logo{

    border-radius: 5px 10px 15px 10px;
}
/* Glow */

.fal-footer::before{

    content: "";

    position: absolute;

    top: -260px;
    left: 50%;

    transform: translateX(-50%);

    width: 900px;
    height: 900px;

    border-radius: 50%;

    background:
    radial-gradient(
        circle,
        rgba(255,140,40,.05),
        transparent 70%
    );

    pointer-events: none;

}

/* Grid */

.fal-footer-container{

    position: relative;

    z-index: 2;

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;

    display: grid;

    grid-template-columns:
    1.5fr
    1fr
    1fr
    .9fr;

    gap: 70px;

    align-items: start;

}

/*==========================
        Brand
==========================*/

.fal-footer-brand{

    max-width: 420px;

}

.fal-footer-logo{

    display: inline-flex;

    align-items: center;

    margin-bottom: 28px;

}

.fal-footer-logo img{

    width: 165px;

    display: block;

    transition: .45s;

}

.fal-footer-logo:hover img{

    transform: scale(1.04);

}

.fal-footer-text{

    color:#d9d9d9;

    font-size: 15px;

    line-height: 2.2;

}

/*==========================
        Columns
==========================*/

.fal-footer-column{

    display: flex;

    flex-direction: column;

}

.fal-footer-title{

    position: relative;

    display: inline-block;

    width: fit-content;

    margin-bottom: 26px;

    padding-bottom: 12px;

    color:#ffffff;

    font-size: 20px;

    font-weight: 800;

}

.fal-footer-title::after{

    content: "";

    position: absolute;

    right: 0;

    bottom: 0;

    width: 46px;

    height: 2px;

    border-radius: 10px;

    background: linear-gradient(
        90deg,
        var(--orange),
        var(--orange-2)
    );

}
/*==================================================
                FALCON FOOTER
                Part 2 / 4
==================================================*/

/*==========================
        Footer Menu
==========================*/

.fal-footer-menu{

    list-style: none;

    display: flex;

    flex-direction: column;

    gap: 16px;

    margin: 0;

    padding: 0;

}

.fal-footer-menu li{

    margin: 0;

    padding: 0;

}

.fal-footer-menu a{

    position: relative;

    display: inline-flex;

    align-items: center;

    color:#d0d0d0;

    font-size: 15px;

    text-decoration: none;

    transition:
    color .35s ease,
    transform .35s ease,
    padding-right .35s ease;

}

.fal-footer-menu a::before{

    content: "";

    width: 0;

    height: 2px;

    margin-left: 0;

    border-radius: 20px;

    background: linear-gradient(
        90deg,
        var(--orange),
        var(--orange-2)
    );

    transition:
    width .35s ease,
    margin-left .35s ease;

}

.fal-footer-menu a:hover{

    color:#ffffff;

    transform: translateX(-6px);

    padding-right: 2px;

}

.fal-footer-menu a:hover::before{

    width: 16px;

    margin-left: 10px;

}

/*==========================
        Trust Box
==========================*/

.fal-footer-trust{

    display: flex;

    flex-direction: column;

    align-items: center;

}

.fal-footer-enamad{

    width: 170px;

    height: 170px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 24px;

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

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

    backdrop-filter: blur(14px);

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

}

.fal-footer-enamad:hover{

    transform: translateY(-8px);

    border-color: rgba(255,176,40,.35);

    background: rgba(255,176,40,.05);

    box-shadow:
    0 20px 45px rgba(255,140,40,.12);

}

.fal-footer-enamad a{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}

.fal-footer-enamad img{

    width: 110px;

    height: auto;

    display: block;

    transition: transform .4s ease;

}

.fal-footer-enamad:hover img{

    transform: scale(1.06);

}
/*==================================================
                FALCON FOOTER
                Part 3 / 4
==================================================*/

/*==========================
        Divider
==========================*/

.fal-footer-divider{

    position: relative;

    width: min(1180px, calc(100% - 48px));

    height: 1px;

    margin: 70px auto 35px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,176,40,.28),
        transparent
    );

}

.fal-footer-divider::before{

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

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

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: var(--orange-2);

    box-shadow:
        0 0 12px rgba(255,176,40,.7),
        0 0 28px rgba(255,140,40,.35);

}

/*==========================
        Bottom
==========================*/

.fal-footer-bottom{

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;

    padding: 0 0 35px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

}

.fal-footer-copy{

    color:#bdbdbd;

    font-size: 14px;

    line-height: 2;

}

.fal-footer-policy{

    display: flex;

    align-items: center;

    gap: 18px;

}

.fal-footer-policy span{

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: rgba(255,176,40,.45);

}

/*==========================
        Policy Links
==========================*/

.fal-footer-policy a{

    position: relative;

    color:#d0d0d0;

    text-decoration: none;

    font-size: 14px;

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

}

.fal-footer-policy a::after{

    content: "";

    position: absolute;

    right: 0;

    bottom: -6px;

    width: 0;

    height: 2px;

    border-radius: 20px;

    background: linear-gradient(
        90deg,
        var(--orange),
        var(--orange-2)
    );

    transition: width .35s ease;

}

.fal-footer-policy a:hover{

    color:#ffffff;

    transform: translateY(-2px);

}

.fal-footer-policy a:hover::after{

    width: 100%;

}
/*==================================================
                FALCON FOOTER
                Part 4 / 4
                Responsive
==================================================*/

/*==========================
        Laptop
==========================*/

@media (max-width:1100px){

    .fal-footer{

        padding-top:90px;

    }

    .fal-footer-container{

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

        gap:50px;

    }

    .fal-footer-trust{

        grid-column:1 / -1;

        margin-top:20px;

        justify-self:center;

    }

}

/*==========================
        Tablet
==========================*/

@media (max-width:850px){

    .fal-footer{

        padding-top:80px;

    }

    .fal-footer-container{

        grid-template-columns:1fr 1fr;

        gap:45px 35px;

    }

    .fal-footer-brand{

        grid-column:1 / -1;

        max-width:none;

        text-align:center;

    }

    .fal-footer-logo{

        justify-content:center;

    }

    .fal-footer-column{

        align-items:center;

        text-align:center;

    }

    .fal-footer-title{

        margin-inline:auto;

    }

    .fal-footer-title::after{

        right:50%;

        transform:translateX(50%);

    }

    .fal-footer-menu{

        align-items:center;

    }

    .fal-footer-trust{

        grid-column:1 / -1;

        margin-top:10px;

    }

    .fal-footer-bottom{

        flex-direction:column;

        justify-content:center;

        text-align:center;

        gap:18px;

    }

}

/*==========================
        Mobile
==========================*/

@media (max-width:576px){

    .fal-footer{

        padding-top:65px;

    }

    .fal-footer-container{

        width:calc(100% - 32px);

        grid-template-columns:1fr;

        gap:40px;

    }

    .fal-footer-brand,

    .fal-footer-column,

    .fal-footer-trust{

        text-align:center;

        align-items:center;

    }

    .fal-footer-logo img{

        width:140px;

    }

    .fal-footer-text{

        font-size:14px;

        line-height:2.15;

    }

    .fal-footer-title{

        font-size:18px;

        margin-bottom:20px;

    }

    .fal-footer-title::after{

        right:50%;

        transform:translateX(50%);

        width:40px;

    }

    .fal-footer-menu{

        gap:14px;

    }

    .fal-footer-menu a{

        font-size:14px;

    }

    .fal-footer-menu a:hover{

        transform:none;

    }

    .fal-footer-enamad{

        width:150px;

        height:150px;

    }

    .fal-footer-enamad img{

        width:95px;

    }

    .fal-footer-divider{

        width:calc(100% - 32px);

        margin:50px auto 28px;

    }

    .fal-footer-bottom{

        width:calc(100% - 32px);

        padding-bottom:28px;

    }

    .fal-footer-copy{

        font-size:13px;

        line-height:2;

    }

    .fal-footer-policy{

        gap:14px;

        flex-wrap:wrap;

        justify-content:center;

    }

    .fal-footer-policy a{

        font-size:13px;

    }

}

/*==========================
        Small Mobile
==========================*/

@media (max-width:380px){

    .fal-footer-logo img{

        width:125px;

    }

    .fal-footer-enamad{

        width:135px;

        height:135px;

    }

    .fal-footer-enamad img{

        width:85px;

    }

    .fal-footer-text{

        font-size:13px;

    }

    .fal-footer-title{

        font-size:17px;

    }

}