/* =============================================================
   ARYAN WEB — SHARED DESIGN SYSTEM (aw-*)
   یک فایل مشترک برای همه پیج‌های سایت.
   این فایل را یک‌بار در تنظیمات سراسری وردپرس/المنتور
   (Custom CSS سراسری یا Enqueue) لود کن. هر پیج فقط HTML
   و در صورت نیاز چند خط CSS اختصاصیِ خیلی کم می‌خواهد.
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');

:root{
    /* --- رنگ پایه (برگرفته از هر دو پیج، یکپارچه‌شده) --- */
    --aw-black:#0b0b0b;
    --aw-dark:#242424;      /* دقیقاً در هر دو پیج مشترک بود */
    --aw-panel:#333333;
    --aw-panel-2:#151515;

    --aw-green:#2DA26E;     /* رنگ برند، دقیقاً در هر دو پیج مشترک بود */
    --aw-green-light:#3FD696;
    --aw-green-dim:rgba(45,162,110,.15);
    --aw-green-line:rgba(45,162,110,.40);
    --aw-green-glow:rgba(63,214,150,.55);

    --aw-gold:#B48945;      /* رنگ ثانویه یکپارچه‌شده (طلایی/کهربایی) */
    --aw-gold-light:#E3AC6E;
    --aw-gold-dim:rgba(180,137,69,.15);
    --aw-gold-line:rgba(180,137,69,.38);
    --aw-cream:#fdecd8;

    --aw-white:#f5f5f5;
    --aw-text-1:#eeeeee;
    --aw-text-2:#a9a9a9;
    --aw-text-3:#888888;
    --aw-muted:rgba(255,255,255,.64);
    --aw-line:rgba(255,255,255,.09);

    --aw-font:'Vazirmatn',Tahoma,Arial,sans-serif;
    --aw-container:1200px;
    --aw-radius-lg:22px;
    --aw-radius-md:16px;
    --aw-radius-sm:11px;

    --aw-ease:.35s cubic-bezier(.2,.8,.2,1);
}

/* =============================================================
   RESET / BASE — همه‌چیز داخل .aw-page اسکوپ می‌شود
   ============================================================= */

.aw-page{
    direction:rtl;
    font-family:var(--aw-font);
    color:var(--aw-white);
    line-height:1.9;
    -webkit-font-smoothing:antialiased;
    overflow:hidden;
    background:var(--aw-black);
}

.aw-page *,
.aw-page *::before,
.aw-page *::after{
    box-sizing:border-box;
}

.aw-page a{
    color:inherit;
    text-decoration:none;
}

.aw-page button{
    font-family:inherit;
    background:none;
    border:0;
    cursor:pointer;
}

.aw-page p{
    text-align:justify;
    text-align-last:right;
    overflow-wrap:break-word;
}

.aw-page img{
    max-width:100%;
    display:block;
}

.aw-page a:focus-visible,
.aw-page button:focus-visible{
    outline:2px solid var(--aw-green);
    outline-offset:3px;
    border-radius:8px;
}

@media(prefers-reduced-motion:reduce){
    .aw-page *,
    .aw-page *::before,
    .aw-page *::after{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
        scroll-behavior:auto!important;
    }
    .aw-page .aw-reveal{
        opacity:1!important;
        transform:none!important;
        filter:none!important;
    }
}

/* =============================================================
   LAYOUT PRIMITIVES
   ============================================================= */

.aw-container{
    width:calc(100% - 40px);
    max-width:var(--aw-container);
    margin:0 auto;
    position:relative;
    z-index:2;
}

.aw-section{
    width:100%;
    padding:84px 0;
    position:relative;
    overflow:hidden;
}

.aw-section--black{ background:var(--aw-black); }
.aw-section--dark{ background:var(--aw-dark); }

.aw-section-head{
    max-width:900px;
    margin:0 0 44px;
}
.aw-section-head--center{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

/* generic responsive grid, gap only — column count set per usage */
.aw-grid{ display:grid; gap:16px; }
.aw-grid-2{ grid-template-columns:1fr 1fr; }
.aw-grid-3{ grid-template-columns:repeat(3,1fr); }
.aw-grid-4{ grid-template-columns:repeat(4,1fr); }

@media(max-width:1024px){
    .aw-grid-4{ grid-template-columns:repeat(2,1fr); }
    .aw-grid-3{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:760px){
    .aw-grid-2,
    .aw-grid-3,
    .aw-grid-4{ grid-template-columns:1fr; }
}

/* =============================================================
   DECORATIVE ORBS (پس‌زمینه محو، در هر دو پیج تکراری بود)
   موقعیت با استایل اینلاین (top/left/right/bottom) تنظیم می‌شود
   ============================================================= */

.aw-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    pointer-events:none;
    z-index:1;
}
.aw-orb--green{ background:rgba(45,162,110,.14); }
.aw-orb--gold{ background:rgba(180,137,69,.12); }

.aw-orb--anim{ animation:aw-float 9s ease-in-out infinite; }

@keyframes aw-float{
    0%,100%{ transform:translate(0,0) scale(1); }
    50%{ transform:translate(18px,-24px) scale(1.08); }
}

/* =============================================================
   TYPOGRAPHY
   ============================================================= */

.aw-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:700;
    color:var(--aw-green-light);
    background:var(--aw-green-dim);
    border:1px solid rgba(45,162,110,.35);
    padding:7px 16px;
    border-radius:999px;
    margin-bottom:18px;
}
.aw-eyebrow::before{
    content:"";
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:var(--aw-green-light);
    box-shadow:0 0 8px var(--aw-green-glow);
    animation:aw-pulse 1.8s ease-in-out infinite;
}
@keyframes aw-pulse{
    0%,100%{ opacity:1; box-shadow:0 0 6px var(--aw-green-glow); }
    50%{ opacity:.5; box-shadow:0 0 14px var(--aw-green-glow); }
}

.aw-title{
    margin:0;
    color:#fff;
    font-weight:900;
    letter-spacing:-.5px;
    line-height:1.5;
    font-size:clamp(28px,3.8vw,42px);
}
.aw-title--hero{
    font-size:clamp(38px,5vw,60px);
    letter-spacing:-1.5px;
    line-height:1.35;
}
.aw-title .aw-accent-green{ color:var(--aw-green); }
.aw-title .aw-accent-gold{ color:var(--aw-gold); }

/* گرادیانِ متحرک روی متن — برای کلمات کلیدی */
.aw-grad-text{
    display:inline-block;
    background:linear-gradient(90deg,var(--aw-green-light),var(--aw-gold-light),var(--aw-green-light));
    background-size:200% auto;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    animation:aw-grad 6s linear infinite;
}
@keyframes aw-grad{ to{ background-position:200% center; } }

/* افکت درخشش طلایی داخل متن (برای کلمات ویژه مثل VIP) */
.aw-shine-text{
    display:inline-block;
    color:var(--aw-gold);
    background:linear-gradient(110deg,var(--aw-gold) 0%,var(--aw-gold) 38%,#f6e4bf 48%,#ffffff 51%,var(--aw-gold) 62%,var(--aw-gold) 100%);
    background-size:220% 100%;
    background-position:100% 0;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:aw-shine 4.5s ease-in-out infinite;
    text-shadow:0 0 10px rgba(180,137,69,.38),0 0 28px rgba(180,137,69,.16);
}
@keyframes aw-shine{
    0%,55%{ background-position:100% 0; }
    78%,100%{ background-position:-100% 0; }
}

.aw-desc{
    margin:14px 0 0;
    color:var(--aw-text-2);
    font-size:15.5px;
    line-height:2.1;
    font-weight:500;
}
.aw-desc--center{ text-align:center; text-align-last:center; margin-left:auto; margin-right:auto; max-width:760px; }
.aw-desc--lg{ font-size:16.5px; max-width:1100px; }

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

.aw-btn{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:54px;
    padding:14px 28px;
    border-radius:12px;
    font-size:14.5px;
    font-weight:800;
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.aw-btn--primary{
    background:linear-gradient(90deg,var(--aw-green),#1c7a52);
    color:#fff!important;
    box-shadow:0 10px 26px rgba(45,162,110,.30);
}
.aw-btn--primary::before{
    content:"";
    position:absolute;
    top:0; right:-60%;
    width:45%; height:100%;
    z-index:1;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);
    transform:skewX(-18deg);
    transition:right .65s ease;
}
.aw-btn--primary:hover{
    transform:translateY(-3px) scale(1.01);
    box-shadow:0 16px 40px rgba(45,162,110,.48);
}
.aw-btn--primary:hover::before{ right:130%; }
.aw-btn--primary span,
.aw-btn--primary svg{ position:relative; z-index:2; }

.aw-btn--outline{
    color:var(--aw-gold)!important;
    border:1px solid var(--aw-gold);
    background:rgba(180,137,69,.05);
}
.aw-btn--outline:hover{
    background:rgba(180,137,69,.12);
    transform:translateY(-3px);
}

.aw-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}

/* =============================================================
   GLOW BOX — قاب نوری ظریف دور کارت‌ها (هاور یا همیشه)
   ============================================================= */

.aw-glow{
    position:relative;
    isolation:isolate;
}
.aw-glow::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:3;
    border-radius:inherit;
    padding:1.5px;
    pointer-events:none;
    background:conic-gradient(from 315deg,#eafff5 0%,var(--aw-green-light) 6%,transparent 20%,transparent 80%,var(--aw-green-light) 94%,#eafff5 100%);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
}

/* =============================================================
   CARD — کارت پایه برای مزیت‌ها/خدمات/ارتباط/تیم و...
   با مدیفایرهای رنگی و اندازه
   ============================================================= */

.aw-card{
    position:relative;
    min-width:0;
    background:linear-gradient(145deg,rgba(51,51,51,.98),rgba(39,39,39,.98));
    border:1px solid var(--aw-line);
    border-radius:18px;
    padding:26px 24px;
    overflow:hidden;
    transition:transform var(--aw-ease), border-color var(--aw-ease), box-shadow var(--aw-ease);
}
.aw-card:hover{
    transform:translateY(-6px);
    border-color:rgba(45,162,110,.55);
    box-shadow:0 18px 40px rgba(0,0,0,.38);
}
.aw-card--outlined{
    background:#0c0c0c;
}
.aw-card--numbered{
    padding-top:20px;
}
.aw-card-number{
    position:absolute;
    top:14px;
    inset-inline-start:20px;
    color:rgba(180,137,69,.27);
    font-size:36px;
    font-weight:900;
    line-height:1;
    direction:ltr;
}

.aw-icon-box{
    width:50px;
    height:50px;
    flex:0 0 50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    margin-bottom:16px;
    font-size:22px;
    font-weight:800;
}
.aw-icon-box--green{
    color:var(--aw-green);
    background:var(--aw-green-dim);
    border:1px solid rgba(45,162,110,.5);
}
.aw-icon-box--gold{
    color:var(--aw-gold);
    background:var(--aw-gold-dim);
    border:1px solid rgba(180,137,69,.5);
}
.aw-icon-box svg{ width:22px; height:22px; stroke:currentColor; }

.aw-card h3{
    margin:0 0 8px;
    color:var(--aw-text-1);
    font-size:16.5px;
    font-weight:800;
    line-height:1.7;
}
.aw-card p{
    margin:0;
    color:var(--aw-text-2);
    font-size:13.5px;
    line-height:2;
}

.aw-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:14px;
}
.aw-tags span{
    padding:3px 10px;
    color:var(--aw-text-2);
    border:1px solid var(--aw-line);
    border-radius:20px;
    font-size:10.5px;
}

/* چیپ کوچک (مخاطبان هدف و ...) */
.aw-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13.5px;
    font-weight:700;
    color:#fff;
    background:var(--aw-black);
    border:1px solid var(--aw-line);
    padding:11px 18px;
    border-radius:999px;
    transition:border-color var(--aw-ease), background var(--aw-ease), transform var(--aw-ease);
}
.aw-chip:hover{
    border-color:rgba(45,162,110,.6);
    background:var(--aw-green-dim);
    transform:translateY(-3px);
}
.aw-chip svg{ width:15px; height:15px; stroke:var(--aw-green); flex-shrink:0; }

/* =============================================================
   STAT CARD (آمار هدر)
   ============================================================= */

.aw-stat{
    background:rgba(51,51,51,.72);
    backdrop-filter:blur(6px);
    border:1px solid var(--aw-line);
    border-radius:16px;
    padding:22px 16px;
    text-align:center;
    transition:border-color var(--aw-ease), transform var(--aw-ease);
}
.aw-stat:hover{ border-color:rgba(45,162,110,.55); transform:translateY(-4px); }
.aw-stat b{
    display:block;
    font-size:27px;
    font-weight:700;
    color:var(--aw-green-light);
    margin-bottom:6px;
}
.aw-stat b.aw-accent-gold{ color:var(--aw-gold-light); }
.aw-stat span{ font-size:12.5px; color:var(--aw-muted); font-weight:600; }

/* =============================================================
   HUB DIAGRAM — عنصر دایره‌ای مرکزی + برچسب‌های شناور
   (پایه‌ی مشترکِ ارکستِ VIP و ویژوال امنیت؛ ظاهرِ ارکستِ VIP
   بدون هیچ تغییری همین‌جا نگه داشته شده)
   ============================================================= */

.aw-hub-area{
    min-height:460px;
    display:grid;
    place-items:center;
    position:relative;
}

.aw-hub{
    width:min(430px,78vw);
    aspect-ratio:1;
    position:relative;
    border:1px solid rgba(180,137,69,.58);
    border-radius:50%;
    box-shadow:0 0 35px rgba(180,137,69,.07),inset 0 0 55px rgba(180,137,69,.035);
    animation:aw-hub-pulse 4s ease-in-out infinite;
}
@keyframes aw-hub-pulse{
    0%,100%{ transform:scale(1); }
    50%{ transform:scale(1.018); }
}
.aw-hub::before,
.aw-hub::after{
    content:"";
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(180,137,69,.17);
}
.aw-hub::before{ inset:8%; }
.aw-hub::after{ inset:19%; border-color:rgba(45,162,110,.18); }

.aw-hub-ring{
    position:absolute;
    inset:-12px;
    border-radius:50%;
    border:1px dashed rgba(45,162,110,.42);
    animation:aw-spin 25s linear infinite;
}
@keyframes aw-spin{ to{ transform:rotate(360deg); } }

.aw-hub-center{
    position:absolute;
    inset:20%;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:radial-gradient(circle,rgba(180,137,69,.14),rgba(0,0,0,.97) 65%);
}
.aw-hub-icon{
    color:var(--aw-gold);
    font-family:Georgia,serif;
    font-size:38px;
    line-height:1;
    filter:drop-shadow(0 0 14px rgba(180,137,69,.65));
}
.aw-hub-center strong{
    color:var(--aw-gold);
    font-family:Georgia,serif;
    font-size:68px;
    line-height:1;
    letter-spacing:4px;
}
.aw-hub-center small{
    margin-top:8px;
    color:var(--aw-text-3);
    font-size:11px;
    letter-spacing:2px;
}

.aw-hub-dot{
    position:absolute;
    z-index:4;
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--aw-gold);
    box-shadow:0 0 20px rgba(180,137,69,.85);
    animation:aw-dot-pulse 2.2s ease-in-out infinite;
}
@keyframes aw-dot-pulse{
    0%,100%{ transform:scale(.8); opacity:.65; }
    50%{ transform:scale(1.35); opacity:1; }
}

/* برچسب شناور — موقعیت با استایل اینلاین (top/left/right/bottom) */
.aw-hub-tag{
    position:absolute;
    z-index:5;
    min-width:110px;
    padding:7px 10px;
    border-radius:9px;
    background:rgba(0,0,0,.85);
    border:1px solid rgba(180,137,69,.32);
    color:var(--aw-text-2);
    font-size:10px;
    text-align:center;
    backdrop-filter:blur(8px);
}

/* حالت «هسته ساده» بدون ring/dot، برای دیاگرام‌های وضعیت (امنیت/مانیتورینگ) */
.aw-hub--simple{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:420px;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:radial-gradient(circle at center,rgba(45,162,110,.15),transparent 42%);
    animation:none;
}
.aw-hub--simple::before,
.aw-hub--simple::after{
    border-color:rgba(45,162,110,.18);
}
.aw-hub--simple::before{ width:310px; height:310px; }
.aw-hub--simple::after{ width:450px; height:450px; border-color:rgba(180,137,69,.11); }

.aw-hub-core{
    position:relative;
    z-index:3;
    width:170px;
    height:170px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid rgba(45,162,110,.55);
    background:#080808;
    box-shadow:0 0 40px rgba(45,162,110,.10),inset 0 0 35px rgba(45,162,110,.07);
}
.aw-hub-core-icon{ color:var(--aw-green); font-size:42px; line-height:1; }
.aw-hub-core strong{ margin-top:10px; color:#fff; font-size:15px; }
.aw-hub-core small{ color:var(--aw-text-3); font-size:10px; }

/* =============================================================
   FAQ ACCORDION
   ============================================================= */

.aw-faq{ max-width:900px; margin:0 auto; }

.aw-faq-item{
    margin-bottom:10px;
    border-radius:14px;
    overflow:hidden;
    background:var(--aw-dark);
    border:1px solid var(--aw-line);
    transition:border-color .3s ease, box-shadow .3s ease;
}
.aw-faq-item:hover{ border-color:rgba(45,162,110,.48); box-shadow:0 8px 28px rgba(0,0,0,.20); }
.aw-faq-item.aw-active{ border-color:rgba(45,162,110,.58); }

.aw-faq-question{
    width:100%;
    min-height:60px;
    padding:16px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    text-align:right;
    color:var(--aw-text-1);
    font-size:15px;
    font-weight:700;
    transition:color .3s ease, background .3s ease;
}
.aw-faq-question:hover{ color:var(--aw-green); background:rgba(45,162,110,.055); }
.aw-faq-item.aw-active .aw-faq-question{ color:var(--aw-green); }

.aw-faq-plus{
    width:30px; height:30px;
    flex:none;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:var(--aw-green);
    border:1px solid rgba(45,162,110,.55);
    font-size:19px;
    line-height:1;
    transition:.3s ease;
}
.aw-faq-item.aw-active .aw-faq-plus{
    background:var(--aw-green);
    color:#fff;
    transform:rotate(45deg);
}

.aw-faq-answer{ max-height:0; overflow:hidden; transition:max-height .4s ease; }
.aw-faq-answer-inner{ padding:0 22px 22px; color:var(--aw-text-2); font-size:14px; line-height:2.1; }

/* =============================================================
   TIMELINE (مسیر/فرآیند افقی → موبایل عمودی)
   ============================================================= */

.aw-timeline{
    position:relative;
    display:grid;
    grid-template-columns:repeat(var(--aw-tl-cols,5),1fr);
    gap:8px;
    margin-top:50px;
}
.aw-timeline-line{
    position:absolute;
    top:23px; right:10%; left:10%;
    height:3px;
    border-radius:3px;
    background:rgba(255,255,255,.09);
    overflow:hidden;
    z-index:0;
}
.aw-timeline-fill{
    position:absolute;
    inset:0;
    width:0%;
    background:linear-gradient(90deg,var(--aw-green),var(--aw-green-light),var(--aw-gold));
    transition:width 1.7s cubic-bezier(.2,.8,.2,1);
}
.aw-timeline.aw-in .aw-timeline-fill{ width:100%; }

.aw-timeline-item{
    position:relative;
    z-index:1;
    text-align:center;
    padding:20px 12px 22px;
    border-radius:16px;
    transition:transform .3s ease;
}
.aw-timeline-item:hover{ transform:translateY(-6px); }

.aw-timeline-node{
    width:46px; height:46px;
    border-radius:50%;
    margin:0 auto 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:700;
    color:#08130d;
    background:radial-gradient(circle at 35% 30%,var(--aw-green-light),var(--aw-green) 70%);
    box-shadow:0 0 0 6px var(--aw-dark),0 0 22px rgba(63,214,150,.5);
    transition:transform .35s ease, box-shadow .35s ease;
}
.aw-timeline-item:hover .aw-timeline-node{ transform:scale(1.14); box-shadow:0 0 0 6px var(--aw-dark),0 0 32px rgba(63,214,150,.85); }
.aw-timeline-item:last-child .aw-timeline-node{
    background:radial-gradient(circle at 35% 30%,var(--aw-gold-light),var(--aw-gold) 70%);
    box-shadow:0 0 0 6px var(--aw-dark),0 0 22px rgba(180,137,69,.5);
}
.aw-timeline-content h3{ margin:0 0 6px; color:#fff; font-size:13.5px; font-weight:800; line-height:1.7; }
.aw-timeline-content p{ margin:0; color:var(--aw-text-2); font-size:11.5px; line-height:1.8; text-align:center; text-align-last:center; }

@media(max-width:900px){
    .aw-timeline{ grid-template-columns:1fr; gap:0; margin-top:40px; }
    .aw-timeline-line{ display:none; }
    .aw-timeline-item{
        display:flex; align-items:flex-start; gap:16px;
        text-align:right; padding:0 0 30px;
    }
    .aw-timeline-item::before{
        content:'';
        position:absolute;
        top:46px; bottom:-6px;
        inset-inline-end:23px;
        width:2px;
        background:linear-gradient(180deg,var(--aw-green),var(--aw-gold));
        opacity:.45;
    }
    .aw-timeline-item:last-child::before{ display:none; }
    .aw-timeline-node{ margin:0; flex-shrink:0; }
    .aw-timeline-content{ padding-top:4px; }
    .aw-timeline-content p{ text-align:right; text-align-last:right; }
}

/* =============================================================
   TEAM CARD
   ============================================================= */

.aw-team-card{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    aspect-ratio:3/4;
    background:var(--aw-panel);
    border:1px solid var(--aw-line);
    transition:transform var(--aw-ease), box-shadow var(--aw-ease), border-color var(--aw-ease);
}
.aw-team-card:hover{ transform:translateY(-6px); box-shadow:0 22px 48px rgba(0,0,0,.5); border-color:rgba(45,162,110,.45); }

.aw-team-photo{ position:absolute; inset:0; }
.aw-team-photo img{
    width:100%; height:100%;
    object-fit:cover;
    filter:grayscale(35%) contrast(1.05);
    transition:transform .6s ease, filter .5s ease;
}
.aw-team-card:hover .aw-team-photo img{ transform:scale(1.08); filter:grayscale(0%); }
.aw-team-photo img.aw-img-broken{ display:none; }

.aw-team-fallback{
    display:none;
    position:absolute; inset:0;
    align-items:center; justify-content:center;
    background:linear-gradient(150deg,#1c7a52,var(--aw-green));
    color:#fff;
    font-size:36px;
    font-weight:700;
}
.aw-team-fallback.aw-fallback-visible{ display:flex; }

.aw-team-caption{
    position:absolute; left:0; right:0; bottom:0; z-index:2;
    padding:24px 18px 18px;
    background:linear-gradient(0deg,rgba(0,0,0,.94) 8%,rgba(0,0,0,.55) 52%,transparent 100%);
    transform:translateY(70%);
    opacity:0;
    transition:transform .4s cubic-bezier(.2,.8,.2,1), opacity .4s ease;
}
.aw-team-card:hover .aw-team-caption{ transform:translateY(0); opacity:1; }
@media(hover:none){ .aw-team-caption{ transform:translateY(0); opacity:1; } }

.aw-team-caption h3{ margin:0 0 8px; font-size:16px; font-weight:800; color:#fff; }
.aw-badge{
    display:inline-block;
    font-size:11.5px; font-weight:700;
    color:var(--aw-green-light);
    background:rgba(45,162,110,.22);
    border:1px solid rgba(45,162,110,.45);
    border-radius:999px;
    padding:5px 13px;
    margin:2px 2px 0;
}
.aw-badge--gold{
    color:var(--aw-gold-light);
    background:rgba(180,137,69,.22);
    border-color:rgba(180,137,69,.5);
}

/* =============================================================
   CTA BANNER / MISSION BOX
   ============================================================= */

.aw-panel-box{
    position:relative;
    overflow:hidden;
    background:var(--aw-panel);
    border:1px solid var(--aw-line);
    border-radius:var(--aw-radius-lg);
    transition:border-color var(--aw-ease);
}
.aw-panel-box:hover{ border-color:rgba(45,162,110,.5); }

.aw-final{
    padding:80px 0 100px;
    background:radial-gradient(circle at center,rgba(180,137,69,.10),transparent 38%), var(--aw-black);
}
.aw-final-box{
    position:relative;
    overflow:hidden;
    text-align:center;
    padding:56px 40px;
    border-radius:27px;
    background:linear-gradient(145deg,#090909,#181818);
    border:1px solid rgba(180,137,69,.38);
}
.aw-final-box::before,
.aw-final-box::after{
    content:"";
    position:absolute;
    border:1px solid rgba(180,137,69,.11);
    border-radius:50%;
}
.aw-final-box::before{ width:420px; height:420px; right:-210px; top:-290px; }
.aw-final-box::after{ width:330px; height:330px; left:-160px; bottom:-250px; }
.aw-final-box > *{ position:relative; z-index:2; }
.aw-final-box h2{ margin:0 0 13px; color:#fff; font-size:clamp(28px,4vw,40px); line-height:1.5; }
.aw-final-box > p{ max-width:720px; margin:0 auto 26px; color:var(--aw-text-2); font-size:15px; line-height:2.1; }
.aw-final-box .aw-btn{ margin:auto; }

.aw-tag-row{
    display:flex; flex-wrap:wrap; justify-content:center;
    gap:9px; margin-top:22px;
}
.aw-tag-row span{
    padding:7px 13px;
    color:var(--aw-text-2);
    border-radius:9px;
    border:1px solid var(--aw-line);
    font-size:11px;
}

/* =============================================================
   REVEAL ON SCROLL — یک بار اجرا می‌شود، دیگر تکرار نمی‌شود
   (منطق اجرا در aryanweb-shared.js)
   ============================================================= */

.aw-reveal{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .65s ease, transform .65s ease;
    will-change:opacity, transform;
}
.aw-reveal.aw-in{ opacity:1; transform:translateY(0); }

.aw-reveal--pop{ transform:translateY(32px) scale(.95); filter:blur(2px); }
.aw-reveal--pop.aw-in{ transform:translateY(0) scale(1); filter:blur(0); }

/* =============================================================
   RESPONSIVE — قاعده‌ی کلی برای بخش‌ها
   ============================================================= */

@media(max-width:1024px){
    .aw-section{ padding:70px 0; }
}
@media(max-width:760px){
    .aw-container{ width:calc(100% - 28px); }
    .aw-section{ padding:60px 0; }
    .aw-btn{ width:100%; }
}