/* ================= ۱. فونت‌ها ================= */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('fonts/inter-v20-latin-regular.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; src: url('fonts/inter-v20-latin-500.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: url('fonts/playfair-display-v40-latin-regular.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 600; src: url('fonts/playfair-display-v40-latin-600.woff2') format('woff2'); }
@font-face { 
    font-family: 'Vazirmatn'; 
    src: url('fonts/Vazir.ttf') format('truetype');
    font-weight: normal; 
}

* {
scroll-behavior: smooth;
}

/* ================= ۲. متغیرها و ریست پایه ================= */
:root {
    --bg-color: #f3f4f6; 
    --primary-dark: #064E3B; 
    --primary-light: #10b981; 
    --text-dark: #1f2937;
    --text-muted: #6b7280;
    --white: #ffffff;
    --gray-line: #d1d5db; 
    --console-bg: #e5e7eb;
    --brutal-border: #111827; 
}

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

/* حل مشکل اسکرول افقی */
html, body {
    overflow-x: hidden;
    width: 100%;
}

body {
    font-family: 'Inter', 'Vazirmatn', Tahoma, sans-serif;
    background-color: var(--bg-color);
    color: var(--text-dark);
    line-height: 1.6;
}

.serif-text { font-family: 'Playfair Display', serif; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

.page-wrapper {
    position: relative;
    max-width: 1400px; 
    margin: 0 auto;
}

/* ستون‌های پس‌زمینه سایت */
.pillar { 
    position: absolute; top: 150px; width: 400px; height: 700px; 
    z-index: -1; pointer-events: none; background-size: contain; 
    background-repeat: no-repeat; opacity: 0.3;
}
.pillar-left { left: -200px; } 
.pillar-right { right: -200px; }

.noise-effect { filter: url(#noiseFilter); opacity: 0.1; }

/* ================= ۳. هدر و نویگیشن ================= */
.main-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 50px;
    border-bottom: 2px solid var(--gray-line);
    font-size: 0.8rem; /* فونت منوها ظریف‌تر شد */
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    direction: ltr;
}

.nav-left, .nav-right { display: flex; gap: 30px; }
.hamburger { display: none; cursor: pointer; color: var(--primary-dark); }
.hamburger svg { width: 30px; height: 30px; }

.nav-left a:hover, .nav-right a:hover { color: var(--primary-dark); }

/* ================= استایل لوگوی تصویری هدر ================= */
.logo {
    display: flex; 
    align-items: center; 
    margin: 0 auto;
    text-decoration: none; /* حذف خط زیر لینک */
}

.logo img {
    height: 60px; /* ارتفاع لوگو در دسکتاپ - میتونی این عدد رو کم و زیاد کنی */
    width: auto; /* عرض به صورت خودکار تنظیم می‌شود */
    display: block;
    object-fit: contain;
    transition: transform 0.3s ease; /* افکت نرم برای هاور */
}

/* افکت هاور: با رفتن موس روی لوگو کمی زوم می‌شود */
.logo:hover img {
    transform: scale(1.05);
}

/* ================= ۴. سکشن هیرو ================= */
.hero {
    display: grid; grid-template-columns: 1fr 2fr 1fr;
    padding: 50px; gap: 40px; min-height: 80vh; direction: ltr;
}

.hero-left { display: flex; flex-direction: column; gap: 40px; }
.hero-left h1 { font-size: 3rem; font-weight: 700; line-height: 1.1; color: var(--text-dark); }
.explore-box { display: flex; flex-direction: column; gap: 15px; }
.explore-img { width: 150px; height: 150px; background: var(--console-bg); border: 2px solid var(--brutal-border); object-fit: cover; }
.explore-link { font-size: 0.85rem; font-weight: 700; display: flex; align-items: center; gap: 10px; color: var(--primary-dark); }
.hero-desc { font-size: 0.9rem; max-width: 250px; color: var(--text-muted); font-weight: 500;}
.tags { display: flex; flex-wrap: wrap; gap: 10px; }
.tag { border: 1px solid var(--brutal-border); padding: 6px 14px; border-radius: 20px; font-size: 0.75rem; font-weight: 500; cursor: pointer; transition: 0.3s; }
.tag.active, .tag:hover { background: var(--primary-dark); color: var(--white); border-color: var(--primary-dark); }

.hero-center {
    position: relative; display: flex; justify-content: center; align-items: center; min-height: 550px;
}

.bg-circle-1 { position: absolute; width: 350px; height: 350px; background: linear-gradient(135deg, rgba(6, 78, 59, 0.1), rgba(16, 185, 129, 0.2)); border-radius: 50%; z-index: 1; }
.bg-circle-2 { position: absolute; bottom: 20px; right: 20px; width: 120px; height: 120px; background: linear-gradient(135deg, #d1d5db, #e5e7eb); border-radius: 50%; z-index: 1; }
.hero-statue { position: absolute; z-index: 2; max-width: 100%; max-height: 95%; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.15)); }

/* تنظیم دقیق کلمات روی مجسمه */
.collage-text {
    position: absolute; z-index: 3; 
    top: 60%; /* اصلاح ارتفاع */
    left: 50%; transform: translateX(-50%); width: 100%; 
    font-size: clamp(5rem, 10vw, 9rem); line-height: 0.8; letter-spacing: -0.03em; 
    color: var(--primary-dark); pointer-events: none; 
    text-shadow: 2px 2px 20px rgba(243, 244, 246, 0.9), -2px -2px 20px rgba(243, 244, 246, 0.9); font-weight: 700;
}
.collage-text .nova { display: block; text-align: left; margin-left: -4vw; } 
.collage-text .tech { display: block; text-align: right; margin-right: -4vw; } 

.glass-triangle { position: absolute; top: 10%; right: 5%; width: 120px; height: 120px; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); clip-path: polygon(0 0, 0 100%, 100% 50%); z-index: 4; border: 1px solid rgba(255,255,255,0.5); }

.hero-right { display: flex; flex-direction: column; gap: 40px; text-align: left; }
.accordion-title { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; color: var(--primary-dark); letter-spacing: 1px;}
.accordion-item { font-size: 0.85rem; padding: 15px 0; border-bottom: 1px solid var(--gray-line); font-weight: 500;}
.bell-img-box { display: flex; justify-content: flex-end; margin-top: 30px; }
.bell-img { width: 120px; height: 150px; background: var(--console-bg); border: 2px solid var(--brutal-border); }
.stats-box { margin-top: auto; }
.stats-desc { font-size: 0.85rem; margin-bottom: 10px; max-width: 200px; color: var(--text-muted); font-weight: 500;}
.stats-num { font-size: 4rem; display: flex; align-items: baseline; gap: 5px; color: var(--primary-dark); font-weight: 700;}
.stats-num span { font-size: 1rem; font-weight: 700; letter-spacing: 1px; color: var(--text-dark); }

/* ================= ۵. بخش خدمات ================= */
.services-section {
    padding: 120px 20px;
    background-color: var(--bg-color); /* بک‌گراند طوسی شد */
    background-image: radial-gradient(rgba(209, 213, 219, 0.4) 1px, transparent 1px); /* نقطه‌های کمرنگ */
    background-size: 30px 30px;
    position: relative; direction: ltr; 
    border-top: 2px solid var(--brutal-border); border-bottom: 2px solid var(--brutal-border);
}

.title-with-hands {
    position: relative; background-image: url('bg-home-header-logo.webp');
    background-repeat: no-repeat; background-position: center center; background-size: contain; 
    max-width: 1090px; margin: 0 auto 50px; padding: 60px 20px; 
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);
}

.section-subtitle { font-size: 0.85rem; letter-spacing: 3px; color: var(--text-muted); text-transform: uppercase; font-weight: 700; margin-bottom: 10px; }
.services-section .section-title { font-size: 3.5rem; font-weight: 700; color: var(--text-dark); margin: 0; letter-spacing: -1px; position: relative; z-index: 2; line-height: 1.1; }

.services-container { max-width: 1200px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
.tabs-container { background-color: var(--white); border: 2px solid var(--brutal-border); border-radius: 50px; display: inline-flex; padding: 6px; margin-bottom: 60px; }
.tab-button { background: transparent; border: none; color: var(--text-muted); padding: 14px 35px; font-size: 1rem; cursor: pointer; border-radius: 40px; transition: all 0.3s ease; font-weight: 700; }
.tab-button.active { background-color: var(--primary-dark); color: var(--white); }
.tab-content { display: none; animation: fadeIn 0.5s ease-in-out; }
.tab-content.active { display: block; }
.services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; text-align: left; }
.service-item { background: var(--white); border: 1px solid #36c2a130; padding: 30px 25px; opacity: 0; transform: translateY(20px); transition: all 0.4s ease-out; display: flex; flex-direction: column; gap: 20px; border-radius: 18px; }
.service-item.visible { opacity: 1; transform: translateY(0); }
.service-item.visible:hover { transform: translate(-4px, -4px); box-shadow: 6px 6px 0 var(--primary-dark); border-color: var(--primary-dark); }
.service-item p { font-size: 1rem; color: var(--text-dark); font-weight: 700; }
.service-icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: var(--white); border: 2px solid var(--brutal-border); border-radius: 12px; color: var(--primary-dark); transition: all 0.3s; }
.service-item:hover .service-icon { background: var(--primary-dark); color: var(--white); transform: rotate(-5deg) scale(1.1); }
.service-icon svg { width: 24px; height: 24px; stroke-width: 2; stroke: currentColor; fill: none; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* ================= ۶. تیم ما ================= */
.team-section { position: relative; direction: ltr; overflow: hidden; padding-top: 160px; padding-bottom: 1200px; }
.video-bg-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; clip-path: inset(0 0 0 0); }
.bg-video { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; object-fit: cover; }
.bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(243, 244, 246, 0.10); z-index: 1; }
.team-container { max-width: 1100px; margin: 0 auto; position: relative; z-index: 2; }

/* باکس عنوان تیم (کاملا ساده و مینیمال) */
.team-header-wrapper {
    display: flex; justify-content: center; width: 100%; margin-bottom: 60px;
}
.team-header-title {
    /* جادوی گلس‌مورفیسم */
    background: rgba(15, 17, 21, 0.4); /* رنگ تاریک نیمه‌شفاف */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1); /* حاشیه شیشه‌ای ظریف */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    
    padding: 20px 50px; 
    border-radius: 20px; 
    text-align: center;
}
.team-header-title h2 { color: #ffffff; font-size: 2.2rem; margin-bottom: 5px; line-height: 1.2; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
.team-header-title p { color: #c9d1d9; letter-spacing: 1px; font-weight: 700; font-size: 1rem; font-family: 'Vazirmatn', sans-serif; }

.team-accordion { display: flex; width: 100%; height: 480px; gap: 15px; margin: 0 auto; }
.panel { background-size: cover; background-position: center top; background-repeat: no-repeat; height: 100%; border-radius: 80px; color: #fff; cursor: pointer; flex: 1; position: relative; overflow: hidden; transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 15px 35px rgba(0,0,0,0.2); }
.panel.active { flex: 3.5; border-radius: 40px; }
.panel-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); opacity: 0; transition: opacity 0.5s ease; z-index: 1; }
.panel.active .panel-overlay { opacity: 1; }
.panel-info { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); text-align: center; opacity: 0; white-space: nowrap; z-index: 2; transition: opacity 0.3s ease 0.3s; }
.panel.active .panel-info { opacity: 1; }
.panel-info h3 { font-family: 'Inter', sans-serif; font-size: 1.3rem; font-weight: 800; margin-bottom: 5px; letter-spacing: 1px; text-transform: uppercase; }
.panel-info p { font-size: 0.8rem; letter-spacing: 2px; font-weight: 600; opacity: 0.9; text-transform: uppercase; }

/* کارت درباره ما (مدرن و لاکچری) */
.about-story-card {
    max-width: 800px; margin: 150px auto 0; 
    
    /* افکت شیشه‌ای */
    background: rgba(15, 17, 21, 0.4);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
    border-radius: 30px; 
    
    padding: 80px 60px; text-align: center; display: flex; flex-direction: column; align-items: center; 
    position: relative; overflow: hidden;
    opacity: 0; transform: translateY(80px); transition: all 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.about-story-card.visible { opacity: 1; transform: translateY(0); }
.story-subtitle { font-size: 0.8rem; font-weight: 700; letter-spacing: 4px; color: var(--primary-light); margin-bottom: 15px; }
.about-story-card h2 { font-size: 2.2rem; color: #ffffff; line-height: 1.3; margin-bottom: 25px; text-shadow: 0 2px 10px rgba(0,0,0,0.5);}
.about-story-card p { font-size: 1rem; color: #c9d1d9; font-weight: 500; line-height: 1.8; max-width: 600px; margin-bottom: 40px; direction: rtl; }

/* دکمه شیشه‌ای هماهنگ با کارت */
.explore-btn { 
    display: inline-block; padding: 15px 40px; 
    background: rgba(255, 255, 255, 0.05); 
    color: #fff; font-weight: 700; letter-spacing: 1px; transition: 0.4s; 
    border: 1px solid rgba(255, 255, 255, 0.2); 
    border-radius: 8px;
    backdrop-filter: blur(5px);
}
.explore-btn:hover { 
    background: var(--primary-dark); 
    border-color: var(--primary-dark);
    transform: translateY(-3px); 
    box-shadow: 0 10px 20px rgba(6, 78, 59, 0.4);
}

/* اصلاح ریسپانسیو دکمه‌ها و باکس در موبایل */
@media (max-width: 768px) {
    .team-header-title { padding: 15px 20px; border-radius: 12px; }
    .about-story-card { padding: 40px 20px; margin-top: 80px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
}
/* ================= ۷. سکشن همکاران ================= */
/* ================= سکشن همکاران ================= */
/* ================= ۷. سکشن همکاران (تکمیل و اصلاح شده نهایی) ================= */
.partners-section {
    position: relative;
    z-index: 10; /* این لایه رو بالا می‌کشه */
    padding: 120px 20px;
    background-color: var(--bg-color, #f9fafb);
    background-image: radial-gradient(rgba(209, 213, 219, 0.4) 1px, transparent 1px);
    background-size: 30px 30px;
    text-align: center;
    direction: ltr;
    overflow: hidden;
}

.partners-header { margin-bottom: 60px; }
.partners-header .subtitle { color: var(--primary-dark, #6d28d9); font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: 0.85rem; }
.partners-header h2 { font-size: 3rem; color: var(--text-dark, #111827); margin: 10px 0; }
.partners-header p { color: var(--text-muted); max-width: 600px; margin: 0 auto; font-weight: 500; }

/* مدیریت نمایش کانتینرها بر اساس دسکتاپ و موبایل */
.desktop-honeycomb { display: flex !important; }
.mobile-honeycomb { display: none !important; }

/* ===== گرید اصلی دسکتاپ ===== */
.honeycomb-grid {
    justify-content: center;
    align-items: center;
    gap: 12px;
    max-width: 1400px;
    margin: 0 auto;
}
.hex-column { display: flex; flex-direction: column; gap: 12px; }
.hex-row-group { display: flex; gap: 12px; justify-content: center; }
.hex-side-col { display: flex; flex-direction: column; gap: 12px; align-self: center; }

/* تنظیم لایه‌بندی ردیف‌های دسکتاپ جهت جلوگیری از زیر رفتن تولتیپ‌ها */
.hex-column .hex-row-group:nth-child(1) { z-index: 1; }
.hex-column .hex-row-group:nth-child(2) { z-index: 2; }
.hex-column .hex-row-group:nth-child(3) { z-index: 3; }
.hex-side-col { z-index: 4; }

/* ===== شش‌ضلعی عادی دسکتاپ و موبایل ===== */
.hex-item {
    position: relative;
    width: 120px;
    height: 138px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.06));
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.3s ease;
    z-index: 5;
}
.hex-item .hex {
    width: 100%; height: 100%; background: #fff;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex; justify-content: center; align-items: center; padding: 25px;
}
.hex-item:hover {
    transform: translateY(-6px);
    filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.12));
    z-index: 50; /* بالاتر آمدن زمان هاور */
}
.hex-item img { max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(100%) opacity(0.7); transition: filter 0.3s ease; }
.hex-item:hover img { filter: grayscale(0%) opacity(1); }

/* ===== لوگوی مرکزی بزرگ ===== */
.hex-center { flex-shrink: 0; margin: 0 20px; z-index: 10; }
.hex-large {
    width: 220px; height: 253px; background: linear-gradient(135deg, #1a1a2e, #2d2d44);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    padding: 40px; display: flex; justify-content: center; align-items: center; transition: transform 0.3s ease;
}
.hex-large img { max-width: 100%; max-height: 100%; object-fit: contain; filter: none !important; }
.hex-large:hover { transform: scale(1.05); }

/* قوس ستون‌های دسکتاپ */
.left-col .hex-row-group:first-child, .left-col .hex-row-group:last-child { transform: translateX(8px); }
.right-col .hex-row-group:first-child, .right-col .hex-row-group:last-child { transform: translateX(-8px); }

/* ===== Tooltip استایل نهایی و یکپارچه ===== */
.hex-tooltip {
    position: absolute; bottom: 112%; left: 50%;
    transform: translateX(-50%) translateY(8px) scale(0.9);
    background: #1a1a2e; color: #fff; font-size: 12px; font-weight: 600; padding: 6px 14px; border-radius: 6px; white-space: nowrap;
    opacity: 0; pointer-events: none; transition: opacity 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: 9999 !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.05); font-family: 'Vazirmatn', Tahoma, sans-serif;
}
.hex-tooltip::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #1a1a2e; }

@media (hover: hover) { .hex-item:not(.hex-large):hover .hex-tooltip { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); } }
.hex-item.active:not(.hex-large) .hex-tooltip { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); z-index: 9999 !important; }

/* ===== دسکتاپ‌های کوچک و تبلت‌ها ===== */
@media (max-width: 1200px) { .hex-item { width: 100px; height: 115px; } .hex-large { width: 180px; height: 207px; } .hex-center { margin: 0 10px; } }
@media (max-width: 900px) { .hex-side-col { display: none; } .hex-item { width: 85px; height: 98px; } .hex-large { width: 150px; height: 173px; padding: 30px; } }

.mobile-marquee-row.paused {
    z-index: 50 !important;
}

/* ================= جادوی ریسپانسیو کاملاً ایزوله‌ی موبایل ================= */
@media (max-width: 768px) {
    .desktop-honeycomb { display: none !important; } /* پنهان کردن نسخه دسکتاپ */
    .mobile-honeycomb { display: flex !important; }   /* نمایان شدن نوار متحرک موبایل */

    .partners-section { padding: 80px 0; }

    .mobile-honeycomb.honeycomb-grid {
        flex-direction: column;
        align-items: center;
        gap: 15px;
        max-width: 100%;
    }

    /* استایل نوارهای افقی متحرک */
    .mobile-marquee-row {
        display: flex;
        flex-direction: row !important;
        gap: 15px;
        width: max-content;
        padding: 8px 0;
        animation: scrollMarquee 26s linear infinite;
    }

    .mobile-marquee-row.reverse { animation-direction: reverse; }
    .mobile-marquee-row.paused { animation-play-state: paused; }

    @keyframes scrollMarquee {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); } /* کپی دقیق برای حالت نامحدود تکرار پیوسته */
    }

    /* شش‌ضلعی بزرگ در نسخه موبایل دقیقاً وسط ۴ ردیف قفل می‌شود */
    .mobile-honeycomb .hex-center {
        margin: 20px 0;
        z-index: 10;
    }

    /* اندازه بهینه کندوها در موبایل جهت خوانایی ۱۰۰٪ لوگوها */
    .mobile-honeycomb .hex-item {
        width: 95px;
        height: 110px;
        flex-shrink: 0;
    }
    .mobile-honeycomb .hex-item .hex { padding: 16px; }
    .mobile-honeycomb .hex-item img { filter: grayscale(0%) opacity(1) !important; } /* نمایش رنگی لوگوها در موبایل */

    .mobile-honeycomb .hex-large {
        width: 150px;
        height: 173px;
        padding: 25px;
    }
    .partners-header h2 { font-size: 2rem; }
}

/* ================= ۸. فوتر تاریک ================= */
.dark-footer {
    background: #0f1115; color: #fff; position: relative; overflow: hidden; display: flex; flex-direction: row; 
}
.ltr-text { direction: ltr; display: inline-block; }

.footer-photo-col {
    position: absolute; left: 0; top: 0; width: 38%; height: 100%;
    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to right, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    z-index: 1;
}
.footer-photo { width: 100%; height: 100%; object-fit: cover; object-position: left top; }

.footer-content-col {
    margin-right: 5%; margin-left: auto; width: 55%; padding: 80px 0 30px; position: relative; z-index: 2;
    display: flex; flex-direction: column; gap: 60px; 
}

.footer-top-row { display: flex; justify-content: center; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding-bottom: 40px; }
.footer-brand h2 { font-size: 3rem; font-weight: 800; color: #fff; margin-bottom: 5px; letter-spacing: 2px; }
.footer-brand p { font-size: 0.95rem; color: #8b949e; font-family: 'Vazirmatn', sans-serif;}

.footer-main-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.footer-nav h4, .footer-contact h4 { font-size: 1.1rem; color: #fff; margin-bottom: 20px; font-family: 'Vazirmatn', sans-serif; font-weight: 700;}
.footer-nav ul { display: flex; flex-direction: column; gap: 12px; }
.footer-nav a { color: #8b949e; font-size: 0.95rem; transition: 0.3s; font-weight: 500;}
.footer-nav a:hover { color: #05d580; padding-right: 5px; }

.footer-contact p { color: #8b949e; margin-bottom: 10px; font-size: 0.95rem; font-family: 'Inter', sans-serif; padding-top: 10px;}
.socials { display: flex; gap: 15px; margin-top: 20px; direction: ltr; }
.socials a { color: #8b949e; transition: 0.3s; }
.socials a:hover { color: #05d580; transform: translateY(-3px); }
.socials svg { width: 22px; height: 22px; fill: currentColor; }
.footer-copyright { text-align: left; margin-top: 20px; color: #6e7681; font-size: 0.85rem; font-family: 'Inter', sans-serif;}


/* ================= ۹. نسخه موبایل و تبلت (Responsive) ================= */
@media (max-width: 1024px) {
    .services-grid { grid-template-columns: repeat(3, 1fr); }
    .honeycomb-layout { flex-direction: column; align-items: center; gap: 0; }
    .center-wrapper { margin: -10px 0; }
    .team-section { padding-bottom: 600px; } 
}

@media (max-width: 768px) {
    /* هدر موبایل (همبرگر چپ، لوگو راست) */
    .main-header { padding: 15px 25px; } 
    .nav-left, .nav-right { display: none; }
    .hamburger { display: block; }
    
    .logo { margin: 0; }
    
    /* ارتفاع باید به خود عکس داده بشه */
    .logo img { 
        height: 35px; /* اگر دیدی کوچیکه، بکنش 40px یا 45px */
    }

    /* هیرو موبایل */
    .hero { padding: 20px 20px 40px 20px; min-height: 60vh; gap: 10px; grid-template-columns: 1fr; }
    .pillar { opacity: 0.15; height: 500px;} /* ستون‌ها کمرنگ‌تر شدند و اسکرول تولید نمیکنند */
    .hero-center { min-height: 350px; margin-top: -20px; order: -1; } /* مجسمه رفت بالا */
    .hero-statue { max-height: 100%; object-position: top center; }
    .collage-text { font-size: 3.5rem; top: 60%; }
    .collage-text .nova { margin-left: -2vw; }
    .collage-text .tech { margin-right: -2vw; }

    /* خدمات موبایل */
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .title-with-hands { padding: 40px 10px; margin-bottom: 30px; background-size: 150%; } /* دست‌ها فاصله گرفتند */
    .services-section .section-title { font-size: 1.5rem; margin-top: 5px; line-height: 1.2; max-width: 250px;} /* متن کوچک و خوانا شد */
    .section-subtitle { margin-bottom: 0px; font-size: 0.75rem; }

    /* تیم موبایل (جادوی اسکرول ویدیو قبل از کارت‌ها) */
    .team-section { padding-top: 80px; padding-bottom: 800px; }
    .bg-video { object-position: center center; } 
    
    .team-header-wrapper { margin-bottom: 40px; }
    .team-header-title { padding: 15px 20px; border-radius: 12px; }
    .team-header-title h2 { font-size: 1.4rem; margin-bottom: 0;}
    .team-header-title p { font-size: 0.8rem; }
    
    .team-container { margin-top: 90vh; } /* کاربر اول 90% صفحه رو ویدیو میبینه بعد کارت ها میان! */
    
    .team-accordion { height: 400px; gap: 8px; }
    .panel { border-radius: 40px; }
    .panel.active { border-radius: 20px; }
    .panel-info h3 { font-size: 0.8rem; }
    
    .about-story-card { padding: 40px 20px; margin-top: 80px; }
    .about-story-card h2 { font-size: 1.5rem; margin-bottom: 20px; }
    .about-story-card p { font-size: 0.9rem; margin-bottom: 30px; }

    /* همکاران موبایل (رفع تداخل کندوها) */
    .partners-header h2 { font-size: 2rem; }
    .partners-header .subtitle { font-size: 0.75rem; }
    .hex-cluster { align-items: center; }
    .hex-row + .hex-row { margin-top: -15px; } /* کاهش روی‌هم‌افتادگی */
    .hex-row.offset-right { margin-left: 0; transform: translateX(50px); } /* تنظیم دقیق پله‌ها */
    .center-wrapper { margin: 30px 0; }
    .hex { width: 90px; height: 104px; padding: 15px; }

    /* فوتر موبایل (۲ ستونه شدن دسترسی سریع و پشتیبانی) */
    .dark-footer { flex-direction: column; padding: 0 0 30px 0; }
    .footer-photo-col { position: relative; width: 100%; height: 300px; -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%); mask-image: linear-gradient(to bottom, black 50%, transparent 100%); }
    .footer-content-col { width: 100%; margin: -80px 0 0 0; padding: 0 20px; align-items: center; }
    .footer-top-row { border-bottom: none; padding-bottom: 10px; }
    .footer-brand h2 { font-size: 2.2rem; }
    
    .footer-main-grid { 
        display: grid; grid-template-columns: 1fr 1fr; /* ۲ ستونه شدن در موبایل */
        gap: 30px 10px; text-align: right; width: 100%; 
    }
    .footer-contact { 
        grid-column: 1 / -1; /* تماس با ما کل عرض را می‌گیرد */
        text-align: center; align-items: center; display: flex; flex-direction: column;
        border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; margin-top: 10px;
    }
    
    .socials { justify-content: center; }
    .footer-copyright { text-align: center; }
}

@media (max-width: 480px) { 
    .services-grid { grid-template-columns: 1fr; } 
    .tabs-container { flex-direction: column; border-radius: 20px; padding: 10px; } 
    .tab-button { border-radius: 12px; } 
}