/* ═══════════════════════════════════════════════════════════════
   درباره ما — استایل اختصاصی
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════════════════════ */
.about-hero{
    position:relative;
    padding:80px 0 100px;
    background:linear-gradient(135deg,#065f46 0%,#047857 40%,#059669 100%);
    color:#fff;
    overflow:hidden;
    text-align:center;
}
.about-hero-shape{
    position:absolute;border-radius:50%;pointer-events:none;
    background:radial-gradient(circle, rgba(255,255,255,.14) 0%, transparent 70%);
}
.about-hero-shape.shape-1{width:380px;height:380px;top:-140px;right:-100px}
.about-hero-shape.shape-2{width:300px;height:300px;bottom:-160px;left:-120px;
    background:radial-gradient(circle, rgba(4,120,87,.55) 0%, transparent 70%)}
.about-hero-shape.shape-3{
    top:0;left:0;right:0;bottom:0;border-radius:0;
    background:
        radial-gradient(circle at 90% 20%, rgba(255,255,255,.08) 0%, transparent 45%),
        radial-gradient(circle at 10% 90%, rgba(255,255,255,.05) 0%, transparent 45%);
}

.about-hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto}

.about-hero-badge{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.3);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    color:#fff;
    font-size:12px;font-weight:800;letter-spacing:.5px;
    padding:7px 16px;border-radius:20px;
    margin-bottom:22px;
}
.about-hero-dot{
    width:7px;height:7px;border-radius:50%;
    background:#34d399;
    animation:aboutHeroPulse 1.5s infinite;
}
@keyframes aboutHeroPulse{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.4;transform:scale(1.4)}
}

.about-hero-title{
    margin:0 0 18px;
    font-size:40px;font-weight:900;color:#fff;
    line-height:1.3;letter-spacing:-.8px;
}
.about-hero-title span{
    background:linear-gradient(135deg,#fde68a,#fbbf24);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
    position:relative;
}
@media(max-width:640px){.about-hero-title{font-size:26px}}

.about-hero-sub{
    margin:0 auto 30px;
    font-size:15.5px;font-weight:500;
    color:rgba(255,255,255,.9);
    line-height:2;
    max-width:600px;
}

.about-hero-actions{
    display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
}
.about-hero-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 26px;border-radius:13px;
    font-weight:800;font-size:14px;
    transition:all .2s;text-decoration:none;
}
.about-hero-btn-primary{
    background:#fff;color:#047857;
    box-shadow:0 10px 26px rgba(0,0,0,.15);
}
.about-hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.22)}
.about-hero-btn-outline{
    background:rgba(255,255,255,.12);color:#fff;
    border:1.5px solid rgba(255,255,255,.4);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.about-hero-btn-outline:hover{
    background:rgba(255,255,255,.22);
    border-color:rgba(255,255,255,.7);
}

/* ═══════════════════════════════════════════════════════════
   آمار
   ═══════════════════════════════════════════════════════════ */
.about-stats-wrap{margin-top:-50px;position:relative;z-index:5}
.about-stats{
    display:grid;grid-template-columns:repeat(5,1fr);
    background:#fff;border-radius:24px;
    padding:28px 22px;
    box-shadow:0 24px 60px rgba(16,185,129,.14), 0 6px 18px rgba(0,0,0,.05);
    border:1px solid rgba(16,185,129,.08);
}
@media(max-width:900px){.about-stats{grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 16px;border-radius:18px}}

.about-stat{text-align:center;padding:8px}
.about-stat-num{
    font-size:30px;font-weight:900;color:#065f46;
    line-height:1;letter-spacing:-1px;
    margin-bottom:8px;
}
.about-stat-num span{color:#10b981;font-size:20px;margin-right:2px}
@media(max-width:640px){.about-stat-num{font-size:22px}}
.about-stat-lbl{
    font-size:12px;color:#6b7280;font-weight:700;
}

/* ═══════════════════════════════════════════════════════════
   داستان
   ═══════════════════════════════════════════════════════════ */
.about-story{padding:80px 20px 40px}

.about-story-grid{
    display:grid;grid-template-columns:1.1fr 1fr;
    gap:50px;align-items:center;
}
@media(max-width:900px){.about-story-grid{grid-template-columns:1fr;gap:30px}}

.about-section-label{
    display:inline-block;font-size:12.5px;font-weight:800;
    color:#047857;background:#ecfdf5;
    border:1px solid #a7f3d0;
    padding:5px 14px;border-radius:20px;
    letter-spacing:.5px;margin-bottom:14px;
}

.about-section-title{
    margin:0 0 20px;font-size:28px;font-weight:900;
    color:#0a2540;line-height:1.35;letter-spacing:-.5px;
    padding-right:0;
}
.about-section-title::before{display:none}
@media(max-width:640px){.about-section-title{font-size:22px}}

.about-story-text p{
    font-size:14.5px;line-height:2.1;color:#4b5563;
    margin:0 0 16px;
}

.about-story-cards{
    display:flex;flex-direction:column;gap:14px;
}
.about-story-card{
    display:grid;grid-template-columns:auto 1fr;
    gap:14px;align-items:start;
    background:linear-gradient(135deg,#ffffff 0%,#f9fefb 100%);
    border:1.5px solid #d1fae5;
    border-radius:16px;
    padding:18px 20px;
    transition:all .25s cubic-bezier(.2,.8,.2,1);
}
.about-story-card:hover{
    transform:translateX(-4px);
    border-color:#10b981;
    box-shadow:0 14px 32px rgba(16,185,129,.14);
}
.about-story-card-icon{
    width:48px;height:48px;border-radius:14px;
    background:linear-gradient(135deg,#10b981,#059669);
    color:#fff;
    display:grid;place-items:center;
    box-shadow:0 6px 16px rgba(16,185,129,.3);
    grid-row:span 2;
}
.about-story-card-title{
    font-size:15px;font-weight:800;color:#065f46;
    margin-bottom:5px;align-self:end;
}
.about-story-card-text{
    font-size:12.5px;line-height:1.9;color:#6b7280;
    grid-column:2;
}

/* ═══════════════════════════════════════════════════════════
   امکانات
   ═══════════════════════════════════════════════════════════ */
.about-features-section{
    padding:70px 0;
    background:linear-gradient(180deg,#ffffff 0%,#f9fefb 100%);
}

.about-section-head{
    text-align:center;
    max-width:640px;margin:0 auto 46px;
}

.about-section-sub{
    margin:14px 0 0;font-size:14px;color:#6b7280;
    line-height:1.9;
}

.about-features-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
}
@media(max-width:1000px){
    .about-features-grid{grid-template-columns:repeat(2, 1fr)}
}
@media(max-width:640px){
    .about-features-grid{grid-template-columns:1fr;gap:14px}
}

.about-feature{
    position:relative;
    background:linear-gradient(180deg,#ffffff 0%,#fafefb 100%);
    border:1.5px solid #e5e7eb;
    border-radius:22px;
    padding:32px 26px 28px;
    transition:all .35s cubic-bezier(.2,.8,.2,1);
    overflow:hidden;
    min-height:230px;
    display:flex;
    flex-direction:column;
}

/* نوار بالای کارت — با هاور ظاهر می‌شه */
.about-feature::before{
    content:'';
    position:absolute;top:0;left:0;right:0;
    height:4px;
    background:linear-gradient(90deg,#10b981,#34d399,#a7f3d0);
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .4s cubic-bezier(.2,.8,.2,1);
    border-radius:22px 22px 0 0;
}
.about-feature:hover::before{
    transform:scaleX(1);
    transform-origin:left;
}

/* هاله گرادیانت ملایم */
.about-feature::after{
    content:'';
    position:absolute;
    top:-60%;right:-40%;
    width:200px;height:200px;
    background:radial-gradient(circle, rgba(16,185,129,.07) 0%, transparent 70%);
    pointer-events:none;
    opacity:0;transition:opacity .4s;
}
.about-feature:hover::after{opacity:1}

.about-feature:hover{
    transform:translateY(-8px);
    border-color:#a7f3d0;
    box-shadow:0 28px 56px rgba(16,185,129,.16), 0 10px 20px rgba(0,0,0,.04);
    background:linear-gradient(180deg,#ffffff 0%,#f0fdf4 100%);
}

.about-feature-icon{
    position:relative;
    width:60px;height:60px;border-radius:18px;
    display:grid;place-items:center;
    margin-bottom:20px;
    transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
    z-index:1;
    flex-shrink:0;
}
.about-feature:hover .about-feature-icon{
    transform:scale(1.1) rotate(-6deg);
}

/* سایه رنگی برای هر آیکون بر اساس رنگ */
.about-feature-icon-green  {background:linear-gradient(135deg,#ecfdf5,#a7f3d0);color:#047857;box-shadow:0 8px 20px rgba(16,185,129,.2)}
.about-feature-icon-blue   {background:linear-gradient(135deg,#eff6ff,#bfdbfe);color:#1d4ed8;box-shadow:0 8px 20px rgba(59,130,246,.2)}
.about-feature-icon-purple {background:linear-gradient(135deg,#f5f3ff,#ddd6fe);color:#7c3aed;box-shadow:0 8px 20px rgba(139,92,246,.2)}
.about-feature-icon-orange {background:linear-gradient(135deg,#fffbeb,#fde68a);color:#b45309;box-shadow:0 8px 20px rgba(245,158,11,.2)}
.about-feature-icon-pink   {background:linear-gradient(135deg,#fdf2f8,#fbcfe8);color:#be185d;box-shadow:0 8px 20px rgba(236,72,153,.2)}
.about-feature-icon-teal   {background:linear-gradient(135deg,#f0fdfa,#99f6e4);color:#0d9488;box-shadow:0 8px 20px rgba(13,148,136,.2)}

.about-feature:hover .about-feature-icon-green  {box-shadow:0 14px 32px rgba(16,185,129,.35)}
.about-feature:hover .about-feature-icon-blue   {box-shadow:0 14px 32px rgba(59,130,246,.35)}
.about-feature:hover .about-feature-icon-purple {box-shadow:0 14px 32px rgba(139,92,246,.35)}
.about-feature:hover .about-feature-icon-orange {box-shadow:0 14px 32px rgba(245,158,11,.35)}
.about-feature:hover .about-feature-icon-pink   {box-shadow:0 14px 32px rgba(236,72,153,.35)}
.about-feature:hover .about-feature-icon-teal   {box-shadow:0 14px 32px rgba(13,148,136,.35)}

.about-feature-title{
    position:relative;
    margin:0 0 12px;
    font-size:16.5px;
    font-weight:800;
    color:#065f46;
    line-height:1.4;
    letter-spacing:-.2px;
    z-index:1;
}

.about-feature-text{
    position:relative;
    margin:0;
    font-size:13.5px;
    line-height:2;
    color:#6b7280;
    flex:1;
    z-index:1;
}

/* ═══════════════════════════════════════════════════════════
   ارزش‌ها
   ═══════════════════════════════════════════════════════════ */
.about-values{padding:80px 20px}

.about-section-head-center{text-align:center}

.about-values-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
    gap:20px;
    margin-top:20px;
}

.about-value{
    position:relative;
    background:#fff;
    border:1.5px solid #e5e7eb;
    border-radius:20px;
    padding:28px 22px;
    transition:all .25s;
}
.about-value:hover{
    border-color:#a7f3d0;
    box-shadow:0 16px 40px rgba(16,185,129,.12);
    transform:translateY(-3px);
}

.about-value-num{
    font-size:42px;font-weight:900;
    background:linear-gradient(135deg,#10b981,#059669);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
    line-height:1;margin-bottom:14px;
    letter-spacing:-1px;
}
.about-value-title{
    margin:0 0 10px;font-size:16px;font-weight:800;color:#065f46;
}
.about-value-text{
    margin:0;font-size:13.5px;line-height:1.95;color:#6b7280;
}

/* ═══════════════════════════════════════════════════════════
   CTA
   ═══════════════════════════════════════════════════════════ */
.about-cta-wrap{padding:20px 0 80px}

.about-cta{
    position:relative;overflow:hidden;
    border-radius:26px;
    background:linear-gradient(135deg,#047857 0%,#059669 60%,#10b981 100%);
    padding:50px 40px;
    text-align:center;color:#fff;
    box-shadow:0 24px 60px rgba(4,120,87,.25);
}
@media(max-width:640px){.about-cta{padding:36px 22px;border-radius:20px}}

.about-cta-shape{
    position:absolute;inset:0;
    background:
        radial-gradient(circle at 90% 20%, rgba(255,255,255,.16) 0%, transparent 45%),
        radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 45%);
    pointer-events:none;
}
.about-cta-content{position:relative;z-index:1}
.about-cta h3{
    margin:0 0 12px;font-size:28px;font-weight:900;
    color:#fff;line-height:1.4;
}
@media(max-width:640px){.about-cta h3{font-size:20px}}
.about-cta p{
    margin:0 auto 26px;font-size:14.5px;line-height:1.9;
    color:rgba(255,255,255,.92);max-width:520px;
}
.about-cta-actions{
    display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
}
.about-cta-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 28px;border-radius:14px;
    font-weight:800;font-size:14px;
    transition:all .2s;text-decoration:none;
}
.about-cta-btn-primary{
    background:#fff;color:#047857;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}
.about-cta-btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.22)}
.about-cta-btn-outline{
    background:rgba(255,255,255,.12);color:#fff;
    border:1.5px solid rgba(255,255,255,.4);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.about-cta-btn-outline:hover{
    background:rgba(255,255,255,.22);
    border-color:rgba(255,255,255,.7);
}
@media(max-width:640px){.about-cta-btn{width:100%;justify-content:center}}












/* ═══════════════════════════════════════════════════════════
   CREDIT BOX - طرح و ایده
   ═══════════════════════════════════════════════════════════ */
.about-credit-section {
    margin: 60px auto;
}

.about-credit-box {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
    border: 2px solid #a7f3d0;
    border-radius: 24px;
    padding: 45px 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.about-credit-box::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    background: rgba(16, 185, 129, 0.08);
    border-radius: 50%;
}

.about-credit-box::after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 150px;
    height: 150px;
    background: rgba(16, 185, 129, 0.06);
    border-radius: 50%;
}

.about-credit-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    border-radius: 50%;
    margin-bottom: 18px;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.35);
    position: relative;
    z-index: 1;
}

.about-credit-title {
    font-size: 22px;
    font-weight: 800;
    color: #065f46;
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}

.about-credit-text {
    font-size: 15px;
    color: #047857;
    line-height: 2;
    max-width: 600px;
    margin: 0 auto 14px;
    position: relative;
    z-index: 1;
}

.about-credit-text strong {
    color: #065f46;
    font-weight: 800;
}

.about-credit-powered {
    font-size: 15px;
    color: #059669;
    position: relative;
    z-index: 1;
}

.about-credit-powered a {
    color: #047857;
    text-decoration: none;
    border-bottom: 2px dashed #10b981;
    padding-bottom: 2px;
    transition: all 0.2s;
}

.about-credit-powered a:hover {
    color: #065f46;
    border-bottom-style: solid;
}