/* === [НАЧАЛО] GLOBAL_SYSTEM_UI_V23 === */

/* 1. Шрифты и Импорт */
@import url('https://fonts.googleapis.com');

:root {
    --accent: #25D366;
    --bg-dark: #0f1113; 
    --bg-light: #1a1d21;
    --card-bg: rgba(255, 255, 255, 0.03);
    /* ГЛОБАЛЬНАЯ ШИРИНА - Важно! */
    --container-width: 1400px; 
}

/* 2. Базовая верстка и "Дыхание" сайта */
* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

body {
    background: radial-gradient(circle at center, var(--bg-light) 0%, var(--bg-dark) 100%) !important;
    background-attachment: fixed;
    color: #fff;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden; /* Чтобы не было горизонтальной полоски */
}

/* 3. СИСТЕМА 12 КОЛОНОК (GRID_SYSTEM) */
.grid-system {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 30px;
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
}

/* Помощники для колонок (Копируй классы в HTML) */
.col-12 { grid-column: span 12; }
.col-6 { grid-column: span 6; }
.col-4 { grid-column: span 4; }
.col-3 { grid-column: span 3; }

/* 4. СЕКЦИИ И ТИПОГРАФИКА */
section {
    max-width: var(--container-width);
    margin: 100px auto;
    padding: 0 40px; 
    position: relative;
}

h1, h2, h3, .logo, .section-label {
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    /* Твое зеленое свечение */
    text-shadow: 0 0 15px rgba(37, 211, 102, 0.3);
}

.main-title {
    font-size: clamp(32px, 8vw, 75px);
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 20px;
}

.neon-accent {
    color: var(--accent);
    text-shadow: 0 0 20px var(--accent);
}

p {
    font-size: 16px; /* Чуть крупнее для читаемости */
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.7;
}

/* 5. АДАПТИВ ПОД АЙФОНЫ И МОБИЛЫ */
@media (max-width: 768px) {
    section {
        margin: 60px auto;
        padding: 0 20px;
    }
    
    .grid-system {
        grid-template-columns: 1fr; /* На мобилке всё в один столбик */
        gap: 20px;
    }
    
    .col-6, .col-4, .col-3 { grid-column: span 1; }

    .main-title {
        font-size: 36px;
    }

    /* Убираем лишние анимации, чтобы не тормозило на старых айфонах */
    .glass-card {
        backdrop-filter: blur(10px);
    }
}

/* === [КОНЕЦ] GLOBAL_SYSTEM_UI === */



/* 1. ГЛОБАЛЬНЫЕ НАСТРОЙКИ: ГЛУБОКИЙ АНТРАЦИТ */
body {
    background: #080808; 
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    margin: 0; padding: 0; 
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

/* ЗАГОЛОВКИ СЕКЦИЙ (СТРОГО ПО ЦЕНТРУ) */
.section-label { 
    font-size: 10px; color: #333; letter-spacing: 4px; text-align: center; 
    margin-bottom: 40px; font-weight: 900; width: 100%; display: block; text-transform: uppercase;
}


/* --- ГЛОБАЛЬНЫЙ СТИЛЬ EDELIS v9.5 --- */
body { background-color: #0a0a0a; color: #fff; font-family: 'Montserrat', sans-serif; margin: 0; padding: 0; overflow-x: hidden; }

/* ХИРО + ТАРИФЫ v10.0 */
.hero-section { padding: 130px 20px 60px; text-align: center; }
.hero-title { font-size: clamp(35px, 8vw, 90px); font-weight: 900; line-height: 0.85; margin: 25px 0; text-transform: uppercase; }
.text-glow { color: #25D366; text-shadow: 0 0 40px rgba(37, 211, 102, 0.5); }
.green-glow { color: #25D366 !important; text-shadow: 0 0 15px rgba(37, 211, 102, 0.4); }

.price-table-section { max-width: 1400px; margin: 0 auto 80px; padding: 0 25px; }
.table-header-center { font-size: 14px; font-weight: 900; color: #25D366; text-align: center; margin-bottom: 45px; letter-spacing: 3px; }

.price-grid-7 { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; }

.price-col {
    background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 20px; padding: 25px 15px; display: flex; flex-direction: column; justify-content: space-between;
    min-height: 230px; cursor: pointer; transition: 0.4s; text-align: center;
}
.price-col:hover { border-color: #25D366; background: rgba(37, 211, 102, 0.08); transform: translateY(-10px); }
.price-col strong { font-size: 16px; color: #fff; font-weight: 900; }
.col-label { font-size: 9px; color: rgba(255, 255, 255, 0.4); font-weight: 800; margin-bottom: 8px; }
.col-specs span { font-size: 8px; color: #25D366; opacity: 0.7; font-weight: 800; display: block; }
.price-col.highlight { border-color: #25D366; background: rgba(37, 211, 102, 0.1); }

@media (max-width: 1100px) { .price-grid-7 { grid-template-columns: repeat(2, 1fr); } }

/* --- МОДАЛЬНОЕ ОКНО: ТЕХНО-СТИЛЬ --- */
/* --- ФИНАЛЬНЫЙ ПОП-АП: ГЛУБОКОЕ СТЕКЛО --- */
.modal-overlay {
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(15px); z-index: 10000;
    justify-content: center; align-items: center; padding: 20px;
}

.modal-glass {
    background: #0a0a0a; border: 1px solid rgba(37, 211, 102, 0.3);
    border-radius: 30px; max-width: 480px; width: 100%; padding: 40px;
    position: relative; box-shadow: 0 0 60px rgba(37, 211, 102, 0.15);
}

/* СЕТКА ХАРАКТЕРИСТИК ВНУТРИ */
.modal-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
    background: rgba(255,255,255,0.03); padding: 20px; border-radius: 15px; margin: 25px 0;
}

.m-info span { font-size: 8px; color: rgba(255,255,255,0.4); display: block; margin-bottom: 5px; }
.m-info strong { font-size: 15px; color: #25D366; font-family: 'Montserrat'; font-weight: 900; }

/* КНОПКА: ПОЛНЫЙ ПОРЯДОК */
.modal-btn-wrap {
    display: flex;
    justify-content: center; /* ЦЕНТРУЕМ */
    width: 100%;
    margin-top: 30px;
}

.modal-action-btn {
    display: inline-block;
    background: #25D366; 
    color: #000; 
    padding: 16px 40px; 
    border-radius: 12px;
    font-family: 'Montserrat'; 
    font-weight: 900; 
    font-size: 13px;
    text-decoration: none; 
    text-transform: uppercase; 
    letter-spacing: 1px;
    transition: 0.3s;
    box-shadow: 0 10px 20px rgba(37, 211, 102, 0.2);
}

.modal-action-btn:hover {
    transform: scale(1.05); background: #fff; box-shadow: 0 0 30px #25D366;
}

/* --- ГЛОБАЛЬНЫЙ ФИКС ЖД-СЕТКИ v11.2 --- */
.container-table-section {
    max-width: 1300px; /* Сделали чуть шире, чтобы текст дышал */
    margin: 80px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.container-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* Ровно 4 колонки */
    gap: 20px;
    width: 100%;
}

.rail-card {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 25px;
    padding: 20px !important; /* Уменьшили отступы */
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    text-align: center !important;
    min-height: 320px !important; /* УМЕНЬШИЛИ ВЫСОТУ, чтобы не было дыр */
    transition: 0.4s ease;
}

.rail-card:hover {
    border-color: #25D366 !important;
    background: rgba(37, 211, 102, 0.05) !important;
    transform: translateY(-10px);
}

/* ВЕРХНЯЯ ЧАСТЬ КАРТОЧКИ */
.rail-title-short {
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.rail-robot-tags {
    font-size: 8px;
    color: #25D366;
    opacity: 0.4;
    margin-bottom: 15px;
    font-family: 'Orbitron';
}

.rail-price-tag {
    font-size: 22px;
    font-weight: 900;
    color: #25D366;
    margin-bottom: 15px;
    text-shadow: 0 0 15px rgba(37, 211, 102, 0.3);
}

.rail-seo-desc {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.4;
    margin: 15px 0; /* Компактный отступ */
}

/* АДАПТИВНОСТЬ */
@media (max-width: 1100px) {
    .container-grid-4 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
    .container-grid-4 { grid-template-columns: 1fr !important; }
}






/* 5. ЖИВАЯ ЛЕНТА ПЕРЕЕЗДОВ (МАРШРУТ ЗЕЛЕНЫЙ, СТАТУС СЕРЫЙ) */
.live-feed { max-width: 650px; margin: 40px auto 80px; padding: 0 20px; text-align: left; }
.feed-header { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 25px; }
.feed-pulse { width: 8px; height: 8px; background: #25D366; border-radius: 50%; box-shadow: 0 0 10px #25D366; animation: pulse 1.5s infinite; }
.feed-item { 
    background: #0d0d0f; border: 1px solid #1a1a1c; border-left: 4px solid #25D366; 
    padding: 25px; border-radius: 0 20px 20px 0; box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
    transition: 0.4s;
}
.feed-item:hover { transform: translateX(10px); border-color: #25D366; }
.item-meta { display: flex; justify-content: space-between; font-size: 10px; color: #444; font-weight: 900; margin-bottom: 12px; }
.item-text { color: #888; font-size: 14px; font-weight: 700; line-height: 1.6; }
.status-ok { color: #444; font-weight: 900; text-transform: uppercase; font-size: 10px; }
.green-route { color: #25D366; font-weight: 900; }

/* 6. СРАВНЕНИЕ И ГАБАРИТЫ (АНИМАЦИЯ КАРТОЧЕК) */
.compare-section { max-width: 1000px; margin: 80px auto; padding: 0 20px; text-align: center; }
.compare-grid { display: flex; gap: 20px; margin-bottom: 40px; }
.compare-card { 
    flex: 1; padding: 30px; background: #0d0d0f; border: 1px solid #1a1a1c; border-radius: 20px; 
    text-align: left; transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}
.compare-card:hover { transform: translateY(-10px); border-color: #25D366; box-shadow: 0 20px 40px rgba(0,0,0,0.4); }
.auto { border-color: #25D366; background: rgba(37, 211, 102, 0.02); }
.auto span { color: #25D366; font-weight: 900; }
.rail { opacity: 0.5; }

/* ГАБАРИТЫ ПО ЦЕНТРУ В ОДНУ ЛИНИЮ */
.specs-container { background: #0d0d0f; border: 1px solid #1a1a1c; padding: 35px; border-radius: 25px; margin-top: 30px; }
.specs-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; }
.spec-item { display: flex; flex-direction: column; gap: 5px; text-align: center; min-width: 130px; transition: 0.3s; }
.spec-item:hover { transform: scale(1.1); }
.spec-item span { color: #444; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.spec-item b { color: #fff; font-size: 18px; font-weight: 900; }
.spec-item.highlighted b { color: #25D366; text-shadow: 0 0 10px rgba(37,211,102,0.3); }
.specs-footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid #1a1a1c; color: #25D366; font-size: 10px; font-weight: 900; text-align: center; }

/* 7. ГЕОГРАФИЯ (КАРТОЧКИ) */
.geo-section { max-width: 1000px; margin: 100px auto; padding: 0 20px; text-align: center; }
.geo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-top: 30px; }
.geo-item { background: #0d0d0f; border: 1px solid #1a1a1c; padding: 30px; border-radius: 20px; text-align: left; transition: 0.4s; }
.geo-item:hover { border-color: #25D366; transform: scale(1.03); box-shadow: 0 10px 30px rgba(37,211,102,0.1); }
.geo-region { color: #25D366; font-size: 10px; font-weight: 900; letter-spacing: 2px; display: block; margin-bottom: 10px; }
.geo-item p { color: #555; font-size: 12px; font-weight: 700; margin: 0; }

/* 8. ПРОТОКОЛ ПОГРУЗКИ */
.responsibility-section { max-width: 900px; margin: 100px auto; padding: 0 20px; text-align: center; }
.resp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 30px; }
.resp-card { background: #0d0d0f; border: 1px solid #1a1a1c; padding: 30px; border-radius: 25px; text-align: left; transition: 0.3s; }
.resp-card:hover { border-color: #25D366; }
.resp-card h3 { color: #25D366; font-size: 11px; font-weight: 900; margin-bottom: 10px; letter-spacing: 1px; }
.resp-card p { color: #666; font-size: 11px; line-height: 1.6; margin: 0; }

/* --- КИБЕР-БЛОК ГОС ГАРАНТИЙ --- */
.guarantee-dark-card {
    max-width: 1100px;
    margin: 40px auto;
    padding: 60px 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 40px !important;
    position: relative;
    overflow: hidden;
}

.guarantee-content {
    max-width: 65%;
    text-align: left;
}

.guarantee-main-text {
    font-family: 'Orbitron', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    margin-bottom: 30px;
    font-weight: 900;
}

.guarantee-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 35px;
}

.g-item {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 1px;
}

.g-item span { color: #25D366; margin-right: 8px; }

.guarantee-badges {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
}

.g-tag {
    font-size: 9px;
    font-family: 'Orbitron';
    color: #25D366;
    border: 1px solid rgba(37, 211, 102, 0.2);
    padding: 5px 12px;
    border-radius: 4px;
    background: rgba(37, 211, 102, 0.05);
}

.g-subtext {
    font-size: 13px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.3);
    max-width: 500px;
}

/* НЕОНОВАЯ ПЕЧАТЬ (ФИКС СПРАВА) */
.legal-seal-cyber {
    position: relative;
    width: 200px;
    height: 200px;
}

.seal-ring {
    width: 100%;
    height: 100%;
    border: 1px dashed rgba(37, 211, 102, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: rotate-seal 20s linear infinite;
}

.seal-inner-core {
    width: 140px;
    height: 140px;
    border: 2px solid #25D366;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(37, 211, 102, 0.2);
    animation: rotate-seal 10s linear reverse infinite;
}

.seal-brand { font-family: 'Orbitron'; font-size: 14px; font-weight: 900; color: #fff; letter-spacing: 3px; }
.seal-status { font-family: 'Orbitron'; font-size: 8px; color: #25D366; letter-spacing: 2px; margin-top: 5px; }

@keyframes rotate-seal {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media (max-width: 768px) {
    .guarantee-dark-card { flex-direction: column; padding: 40px; text-align: center; }
    .guarantee-list { grid-template-columns: 1fr; }
    .legal-seal-cyber { margin-top: 40px; }
}

/* 10. О КОМПАНИИ (ЗЕЛЕНЫЙ 13 ЛЕТ) */
.about-section { max-width: 900px; margin: 120px auto; padding: 0 20px; }
.about-grid { 
    display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 50px; align-items: center; 
    background: #0d0d0f; padding: 50px; border-radius: 30px; border: 1px solid #1a1a1c;
}
.about-title { font-size: 32px; font-weight: 900; color: #25D366 !important; text-shadow: 0 0 20px rgba(37,211,102,0.4); margin: 15px 0; }
.about-text { color: #666; font-size: 14px; line-height: 1.8; font-weight: 700; }
.about-stats { display: flex; gap: 30px; margin-top: 20px; }
.a-stat b { color: #25D366; font-size: 26px; font-weight: 900; }
.a-stat span { font-size: 9px; color: #444; font-weight: 900; text-transform: uppercase; }

/* СКАНЕР */
.about-decor { display: flex; flex-direction: column; align-items: center; gap: 20px; }
.decor-circle { width: 160px; height: 160px; border: 1px solid #1a1a1c; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; }
.inner-circle { width: 110px; height: 110px; border: 1px dashed #25D366; border-radius: 50%; animation: rotate 12s linear infinite; }
.scan-bar { position: absolute; width: 100%; height: 2px; background: rgba(37,211,102,0.2); animation: scan 3s ease-in-out infinite; box-shadow: 0 0 15px #25D366; }
.decor-lines span { display: block; color: #25D366; font-size: 8px; font-weight: 900; opacity: 0.6; }

/* 12. ЛОГИСТ (ФИКС КНОПКИ) */
.logist-box { max-width: 750px; margin: 0 auto 100px; padding: 0 20px; }
.logist-card { 
    background: #fff; border-radius: 35px; padding: 40px; 
    display: flex; align-items: center; justify-content: space-between; gap: 30px;
    box-shadow: 0 0 50px rgba(37,211,102,0.2);
    transition: 0.4s;
}
.logist-card:hover { transform: translateY(-5px); box-shadow: 0 0 70px rgba(37,211,102,0.3); }
.logist-text { flex-grow: 1; text-align: left; }
.logist-text h3 { color: #000; font-size: 28px; margin: 0; font-weight: 920; }
.logist-text p { color: #888; font-size: 10px; margin-top: 5px; font-weight: 800; text-transform: uppercase; }
.avatar-img { width: 80px; height: 80px; background: #000; border: 3px solid #25D366; border-radius: 50%; flex-shrink: 0; }
.btn-cyber { 
    background: #000; color: #fff; padding: 20px 35px; border-radius: 15px; 
    font-weight: 900; text-decoration: none; font-size: 12px; transition: 0.3s;
    white-space: nowrap; flex-shrink: 0; 
}
.btn-cyber:hover { background: #25D366; color: #000; box-shadow: 0 0 30px #25D366; }

/* ФУТЕР (ПО ЦЕНТРУ) */
footer { padding: 60px; border-top: 1px solid #111; text-align: center; color: #222; font-size: 10px; font-weight: 900; letter-spacing: 4px; }
footer span { color: #25D366; opacity: 0.5; }

/* АНИМАЦИИ */
@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes scan { 0%, 100% { top: 20%; } 50% { top: 80%; } }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.2; } }
@keyframes glitch {
    0% { transform: translate(0); text-shadow: -2px 0 #25D366, 2px 0 #fff; }
    50% { transform: translate(2px, -2px); text-shadow: 2px 0 #25D366, -2px 0 #fff; }
    100% { transform: translate(0); }
}

@media (max-width: 768px) {
    .compare-grid, .about-grid, .logist-card { flex-direction: column; text-align: center; }
    .about-grid { grid-template-columns: 1fr; }
    .specs-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
    .logist-text { text-align: center; }
    .about-decor, .legal-badge { display: none; }
    .btn-cyber { width: 100%; box-sizing: border-box; }
}

/* УПАКОВКА И ИНСТРУКЦИИ */
.packing-section { max-width: 950px; margin: 100px auto; padding: 0 20px; text-align: center; }
.packing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 40px; }

.packing-card { 
    background: #0d0d0f; border: 1px solid #1a1a1c; padding: 40px 30px; border-radius: 30px; 
    text-align: left; position: relative; transition: 0.4s;
}
.packing-card:hover { transform: translateY(-10px); border-color: #25D366; box-shadow: 0 20px 50px rgba(37,211,102,0.1); }

.p-num { 
    position: absolute; top: 20px; right: 30px; font-size: 40px; font-weight: 900; 
    color: rgba(255,255,255,0.02); transition: 0.3s; 
}
.packing-card:hover .p-num { color: rgba(37,211,102,0.1); }

.packing-card h3 { color: #fff; font-size: 14px; font-weight: 900; letter-spacing: 2px; margin-bottom: 20px; }
.packing-card p { color: #666; font-size: 12px; line-height: 1.7; font-weight: 700; }

.packing-card.highlighted { border-bottom: 4px solid #25D366; }

.packing-footer { 
    margin-top: 50px; color: #25D366; font-size: 10px; font-weight: 900; 
    letter-spacing: 2px; text-transform: uppercase; opacity: 0.8;
}

/* СТИЛИ МЕГА-КАЛЬКУЛЯТОРА */
#edelis-calc-v22 { max-width: 800px; margin: -40px auto 100px; position: relative; z-index: 10; padding: 0 20px; }
.calc-container { background: #0a0a0a; border: 2px solid #1a1a1c; border-radius: 30px; overflow: hidden; box-shadow: 0 50px 100px rgba(0,0,0,0.8); }

.calc-header { padding: 15px 25px; background: #111; border-bottom: 2px solid #25D366; display: flex; justify-content: space-between; align-items: center; }
.calc-title { font-size: 10px; font-weight: 900; letter-spacing: 2px; color: #555; }
.neon-text { color: #25D366; text-shadow: 0 0 10px #25D366; }

.calc-body { padding: 40px; text-align: left; }
.input-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px; }
.calc-field label { display: block; font-size: 9px; color: #444; font-weight: 900; margin-bottom: 10px; }
.calc-field input { width: 100%; background: #000; border: 1px solid #222; padding: 15px; color: #25D366; font-family: 'Montserrat'; font-weight: 900; border-radius: 10px; outline: none; }

.weight-tabs { display: flex; gap: 10px; margin-bottom: 40px; flex-wrap: wrap; }
.w-tab { flex: 1; padding: 15px 5px; background: #0d0d0f; border: 1px solid #222; color: #444; text-align: center; font-weight: 900; cursor: pointer; border-radius: 10px; transition: 0.3s; font-size: 12px; }
.w-tab.active { border-color: #25D366; color: #25D366; background: rgba(37,211,102,0.05); box-shadow: 0 0 20px rgba(37,211,102,0.1); }

.calc-result-box { background: #050505; border: 1px solid #1a1a1c; border-radius: 20px; padding: 30px; text-align: center; position: relative; }
.blur-effect { font-size: 48px; font-weight: 900; color: #25D366; filter: blur(12px); margin: 20px 0; transition: 0.5s; }
.calc-btn-final { display: block; background: #25D366; color: #000; padding: 25px; border-radius: 15px; text-decoration: none; font-weight: 920; font-size: 14px; letter-spacing: 1px; transition: 0.3s; }
.calc-btn-final:hover { box-shadow: 0 0 40px #25D366; transform: scale(1.02); }

/* РАДАР */
#calc-radar { height: 40px; border-bottom: 1px solid #111; margin-bottom: 20px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.radar-line { position: absolute; width: 30%; height: 2px; background: #25D366; left: -100%; animation: sweep 3s infinite linear; box-shadow: 0 0 15px #25D366; }
.radar-text { font-size: 8px; color: #333; font-weight: 900; letter-spacing: 3px; }
@keyframes sweep { 0% { left: -100%; } 100% { left: 150%; } }

.field-label { display: block; font-size: 9px; color: #444; font-weight: 900; margin-bottom: 15px; }

@media (max-width: 640px) { .input-grid { grid-template-columns: 1fr; } .w-tab { min-width: 60px; } }

/* СПЕЦ-УСЛОВИЯ */
.special-terms { max-width: 1000px; margin: 100px auto; padding: 0 20px; text-align: center; }

/* --- ПРЕИМУЩЕСТВА ПОСЛЕ HERO (неон-цифры 01–06) --- */
.advantages-section {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.adv-neon-list {
    list-style: none;
    margin: 32px auto 0;
    padding: 0;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
    text-align: left;
}
.adv-neon-list li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 20px;
    border: 1px solid #1a1a1c;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.02);
    transition: transform 0.25s ease, border-color 0.25s ease;
}
.adv-neon-list li:hover {
    transform: translateX(6px);
    border-color: rgba(37, 211, 102, 0.4);
}
.adv-num {
    font-family: 'Orbitron', sans-serif;
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    display: inline-block;
    min-width: 34px;
    flex-shrink: 0;
    color: #25D366;
    text-shadow: 0 0 12px rgba(37, 211, 102, 0.55), 0 0 4px rgba(0, 242, 255, 0.4);
}
.adv-text {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.65;
    color: #b5b5b5;
    padding-top: 5px;
}
@media (max-width: 600px) {
    .adv-neon-list { grid-template-columns: 1fr; }
}
.terms-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 20px; margin-top: 40px; }
.term-card { background: #0d0d0f; border: 1px solid #1a1a1c; padding: 30px; border-radius: 20px; text-align: left; transition: 0.3s; }
.term-card:hover { border-color: #25D366; transform: translateY(-5px); }

.t-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.t-head span { color: #333; font-size: 8px; font-weight: 900; letter-spacing: 2px; }
.term-card h3 { color: #fff; font-size: 13px; font-weight: 900; letter-spacing: 1px; margin-bottom: 15px; }
.term-card p { color: #666; font-size: 11px; line-height: 1.6; font-weight: 700; margin: 0; }

.term-card.highlighted { border: 1px solid #25D366; background: rgba(37, 211, 102, 0.03); }

/* ЭТАПЫ РАБОТЫ */
.steps-section { max-width: 1000px; margin: 100px auto; padding: 0 20px; text-align: center; }
.steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; margin-top: 40px; position: relative; }
.step-card { background: #0d0d0f; border: 1px solid #1a1a1c; padding: 40px 25px; border-radius: 25px; text-align: left; transition: 0.3s; position: relative; }
.step-card:hover { border-color: #25D366; }
.step-num { color: #25D366; font-size: 32px; font-weight: 900; opacity: 0.1; position: absolute; top: 20px; right: 20px; }
.step-card h3 { color: #fff; font-size: 11px; font-weight: 900; letter-spacing: 2px; margin-bottom: 15px; }
.step-card p { color: #555; font-size: 11px; line-height: 1.6; font-weight: 700; }
.step-card.active { border: 1px solid #25D366; box-shadow: 0 10px 30px rgba(37,211,102,0.1); }
.step-card.active .step-num { opacity: 0.8; text-shadow: 0 0 10px #25D366; }

/* ФЛОТ */
.fleet-section { max-width: 1000px; margin: 100px auto; padding: 0 20px; text-align: center; }
.fleet-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 40px; }
.fleet-item { background: #0d0d0f; border: 1px solid #1a1a1c; padding: 40px 30px; border-radius: 30px; text-align: left; transition: 0.4s; }
.fleet-item h3 { font-size: 13px; font-weight: 900; color: #fff; margin-bottom: 10px; }
.f-info { color: #25D366; font-size: 9px; font-weight: 900; letter-spacing: 1px; margin-bottom: 15px; }
.fleet-item p { color: #666; font-size: 12px; line-height: 1.7; font-weight: 700; }
.fleet-item.highlighted { border-bottom: 5px solid #25D366; }
.fleet-item:hover { transform: translateY(-10px); border-color: #25D366; }

/* МУЛЬТИ-ПЕРЕЕЗД */
.multi-cargo { max-width: 1000px; margin: 100px auto; padding: 0 20px; text-align: center; }
.multi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 40px; }
.multi-card { background: #0d0d0f; border: 1px solid #1a1a1c; padding: 40px 30px; border-radius: 25px; text-align: left; transition: 0.4s; }
.multi-card:hover { border-color: #25D366; transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.3); }

.m-icon { font-size: 35px; margin-bottom: 20px; filter: drop-shadow(0 0 10px rgba(37,211,102,0.3)); }
.multi-card h3 { color: #fff; font-size: 13px; font-weight: 900; letter-spacing: 2px; margin-bottom: 15px; }
.multi-card p { color: #666; font-size: 12px; line-height: 1.7; font-weight: 700; margin: 0; }

.multi-card.highlighted { border: 1px solid #25D366; background: rgba(37, 211, 102, 0.03); }

/* УСЛОВИЯ ОПЛАТЫ */
.terms-section { max-width: 1000px; margin: 100px auto; padding: 0 20px; }
.terms-main-grid { display: flex; flex-direction: column; gap: 20px; }

.term-wide-card { 
    background: #fff; color: #000; padding: 40px; border-radius: 30px; 
    display: flex; align-items: center; gap: 30px; text-align: left;
    box-shadow: 0 20px 50px rgba(37,211,102,0.15);
}
.term-wide-card .t-icon { font-size: 40px; }
.term-wide-card h3 { font-size: 24px; font-weight: 900; margin: 0; }
.term-wide-card p { font-size: 14px; font-weight: 700; color: #555; margin-top: 10px; }

.terms-sub-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.sub-card { background: #0d0d0f; border: 1px solid #1a1a1c; padding: 30px; border-radius: 25px; text-align: left; transition: 0.3s; }
.sub-card:hover { border-color: #25D366; transform: translateY(-5px); }
.sub-card h3 { color: #fff; font-size: 11px; font-weight: 900; letter-spacing: 1px; margin: 15px 0; }
.sub-card p { color: #666; font-size: 11px; line-height: 1.6; }
.sub-card.highlighted { border-color: #25D366; }

@media (max-width: 768px) {
    .term-wide-card { flex-direction: column; text-align: center; padding: 30px; }
}

/* ПОДРОБНЫЙ ФЛОТ */
.fleet-detailed { max-width: 1100px; margin: 100px auto; padding: 0 20px; text-align: center; }
.fleet-main-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 40px; }

.fleet-card { 
    background: #0d0d0f; border: 1px solid #1a1a1c; padding: 35px 25px; border-radius: 25px; 
    text-align: left; transition: 0.4s; position: relative;
}
.fleet-card:hover { transform: scale(1.03); border-color: #25D366; box-shadow: 0 15px 40px rgba(0,0,0,0.4); }

.f-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.f-head span { color: #333; font-size: 8px; font-weight: 900; letter-spacing: 2px; }
.fleet-card h3 { color: #fff; font-size: 13px; font-weight: 900; margin-bottom: 15px; }
.fleet-card p { color: #666; font-size: 11px; line-height: 1.6; font-weight: 700; margin-bottom: 20px; }

.f-specs { list-style: none; padding: 0; margin: 0; border-top: 1px solid #1a1a1c; padding-top: 15px; }
.f-specs li { font-size: 10px; color: #25D366; font-weight: 900; margin-bottom: 8px; text-transform: uppercase; }

.fleet-card.active { border-color: #25D366; background: rgba(37, 211, 102, 0.02); }
.fleet-card.highlighted { border-bottom: 4px solid #25D366; }

/* ИСТОРИИ И ПОМОЩЬ */
.stories-section { max-width: 900px; margin: 100px auto; padding: 0 20px; }
.stories-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 40px; }
.story-card { background: #0d0d0f; border: 1px solid #1a1a1c; padding: 30px; border-radius: 20px; text-align: left; font-style: italic; }
.s-tag { color: #25D366; font-size: 8px; font-weight: 900; margin-bottom: 15px; font-style: normal; }
.s-author { display: block; margin-top: 15px; color: #444; font-size: 10px; font-weight: 900; font-style: normal; }
.story-card.highlighted { border: 1px solid #25D366; background: rgba(37,211,102,0.03); }

.help-section { max-width: 900px; margin: 100px auto; padding: 0 20px; }
.help-banner { 
    background: #ff4444; color: #000; padding: 50px; border-radius: 30px; 
    display: flex; justify-content: space-between; align-items: center; text-align: left;
}
.help-content h3 { font-size: 24px; font-weight: 900; margin: 10px 0; letter-spacing: -1px; }
.help-content p { font-size: 13px; font-weight: 700; color: rgba(0,0,0,0.7); line-height: 1.6; max-width: 500px; }
.btn-sos { 
    display: inline-block; margin-top: 20px; background: #000; color: #fff; padding: 15px 30px; 
    text-decoration: none; font-weight: 900; font-size: 12px; border-radius: 10px; border: 2px solid #000;
}
.btn-sos:hover { background: transparent; color: #000; }
.help-visual { font-size: 80px; opacity: 0.2; font-weight: 900; }

@media (max-width: 768px) {
    .stories-grid { grid-template-columns: 1fr; }
    .help-banner { flex-direction: column; padding: 30px; }
    .help-visual { display: none; }
}

/* КЕЙСЫ И ТЯЖЕЛАЯ ТЕХНИКА */
.cases-section { max-width: 1000px; margin: 100px auto; padding: 0 20px; text-align: center; }
.case-banner { 
    background: linear-gradient(135deg, #161618 0%, #0d0d0f 100%); 
    border: 1px solid #1a1a1c; border-radius: 35px; padding: 50px;
    display: flex; justify-content: space-between; align-items: center; text-align: left;
    position: relative; overflow: hidden;
}
.case-banner::before {
    content: "HEAVY_CARGO_UNIT_DETECTED"; position: absolute; top: 15px; left: 30px;
    font-size: 8px; font-weight: 900; color: #222; letter-spacing: 5px;
}
.case-tag { color: #25D366; font-size: 9px; font-weight: 900; letter-spacing: 2px; margin-bottom: 20px; }
.case-content h3 { font-size: 26px; font-weight: 900; margin: 0; color: #fff; letter-spacing: -1px; }
.case-content p { color: #666; font-size: 13px; line-height: 1.7; margin: 25px 0; max-width: 600px; }

.case-stats { display: flex; gap: 40px; border-top: 1px solid #1a1a1c; padding-top: 25px; }
.c-stat span { display: block; font-size: 8px; color: #333; font-weight: 900; letter-spacing: 2px; }
.c-stat b { font-size: 16px; color: #25D366; font-weight: 900; text-shadow: 0 0 10px rgba(37,211,102,0.3); }

.case-visual { font-size: 100px; opacity: 0.1; transform: rotate(-15deg); }

@media (max-width: 768px) {
    .case-banner { flex-direction: column; padding: 35px; }
    .case-visual { display: none; }
    .case-stats { flex-direction: column; gap: 20px; }
}
/* ФИЛОСОФИЯ ПЕРЕЕЗДА */
.philosophy-section { max-width: 900px; margin: 100px auto; padding: 0 20px; text-align: center; }
.philosophy-grid { display: flex; gap: 25px; margin-top: 40px; }
.philosophy-card { 
    flex: 1; background: #0d0d0f; border: 1px solid #1a1a1c; padding: 40px; 
    border-radius: 30px; text-align: left; transition: 0.4s;
}
.philosophy-card:hover { transform: translateY(-5px); border-color: #25D366; }
.ph-icon { font-size: 32px; margin-bottom: 20px; filter: drop-shadow(0 0 10px rgba(37,211,102,0.3)); }
.philosophy-card h3 { color: #fff; font-size: 13px; font-weight: 900; letter-spacing: 2px; margin-bottom: 15px; }
.philosophy-card p { color: #666; font-size: 12px; line-height: 1.7; font-weight: 700; margin: 0; }

.philosophy-card.highlighted { border: 1px solid #25D366; background: rgba(37, 211, 102, 0.03); }

@media (max-width: 768px) { .philosophy-grid { flex-direction: column; } }

/* ПЛАВАЮЩАЯ КНОПКА */
.floating-contact {
    position: fixed; bottom: 30px; right: 30px; width: 65px; height: 65px;
    background: #25D366; border-radius: 50%; display: flex; align-items: center;
    justify-content: center; z-index: 2000; text-decoration: none;
    box-shadow: 0 0 20px rgba(37,211,102,0.5); transition: 0.3s;
}
.floating-contact:hover { transform: scale(1.1); box-shadow: 0 0 40px #25D366; }

.icon-wrap { font-size: 30px; }

.pulse-ring {
    position: absolute; width: 100%; height: 100%; background: #25D366;
    border-radius: 50%; opacity: 0.5; animation: btn-pulse 2s infinite;
}

@keyframes btn-pulse {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.6); opacity: 0; }
}

.btn-hint {
    position: absolute; right: 80px; background: #111; color: #25D366;
    padding: 8px 15px; border-radius: 8px; font-size: 9px; font-weight: 900;
    white-space: nowrap; opacity: 0; transform: translateX(10px); transition: 0.3s;
    pointer-events: none; border: 1px solid #25D366;
}
.floating-contact:hover .btn-hint { opacity: 1; transform: translateX(0); }

@media (max-width: 640px) { .btn-hint { display: none; } }

.photo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 30px; }
.photo-item { height: 250px; background: #111; border-radius: 20px; overflow: hidden; border: 1px solid #1a1a1c; }
.photo-item img { width: 100%; height: 100%; object-fit: cover; opacity: 0.7; transition: 0.5s; filter: grayscale(1); }
.photo-item:hover img { opacity: 1; filter: grayscale(0); transform: scale(1.1); }

/* ОБНОВЛЕННАЯ ПЛАВАЮЩАЯ КНОПКА */
.btn-hint {
    position: absolute; right: 85px; background: #000; border: 1px solid #25D366;
    padding: 15px; border-radius: 15px; display: flex; flex-direction: column; gap: 5px;
    opacity: 0; transform: translateX(20px); transition: 0.4s; pointer-events: none;
}
.floating-contact:hover .btn-hint { opacity: 1; transform: translateX(0); }
.hint-line { font-size: 8px; font-weight: 900; color: #444; white-space: nowrap; letter-spacing: 1px; }
.hint-line .green { color: #25D366; }

/* БЛОК ДОВЕРИЯ */
.trust-section { max-width: 900px; margin: 100px auto; padding: 0 20px; text-align: center; }
.trust-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 40px; }
.trust-card { background: #0d0d0f; border: 1px solid #1a1a1c; padding: 40px; border-radius: 30px; text-align: left; transition: 0.3s; }
.trust-card:hover { border-color: #25D366; transform: translateY(-5px); }
.trust-card .t-icon { font-size: 32px; margin-bottom: 20px; }
.trust-card h3 { color: #fff; font-size: 13px; font-weight: 900; margin-bottom: 15px; }
.trust-card p { color: #666; font-size: 12px; line-height: 1.7; }
.trust-card.highlighted { border: 1px solid #25D366; background: rgba(37, 211, 102, 0.03); }

@media (max-width: 768px) { .trust-grid { grid-template-columns: 1fr; } }

/* БЛОК ТОТАЛЬНОЙ ОТВЕТСТВЕННОСТИ */
.insurance-wide { width: 100%; max-width: 1100px; margin: 120px auto; padding: 0 20px; box-sizing: border-box; }
.ins-container { 
    background: #0d0d0f; border: 1px solid #1a1a1c; border-radius: 40px; 
    padding: 60px; position: relative; overflow: hidden;
}
.ins-header { margin-bottom: 50px; text-align: left; }
.ins-tag { color: #25D366; font-size: 9px; font-weight: 900; letter-spacing: 3px; }
.ins-title { font-size: 32px; color: #fff; margin-top: 10px; }

.ins-body { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; }
.ins-item { display: flex; gap: 20px; }
.ins-num { 
    font-family: 'Orbitron'; font-size: 24px; color: #1a1a1c; font-weight: 900; 
    border-bottom: 2px solid #25D366; height: fit-content; 
}
.ins-txt h3 { font-size: 14px; color: #fff; margin-bottom: 15px; }
.ins-txt p { font-size: 13px; color: #666; line-height: 1.7; margin: 0; }

.ins-footer { margin-top: 60px; text-align: right; }
.ins-line { width: 100%; height: 1px; background: #1a1a1c; margin-bottom: 15px; position: relative; }
.ins-line::after { 
    content: ""; position: absolute; left: 0; top: 0; width: 40%; height: 1px; 
    background: #25D366; box-shadow: 0 0 10px #25D366; 
}
.ins-footer span { font-size: 8px; color: #333; font-weight: 900; letter-spacing: 2px; }

@media (max-width: 768px) {
    .ins-container { padding: 40px 25px; }
    .ins-body { grid-template-columns: 1fr; }
}

/* МАНИФЕСТ УПАКОВКИ */
.packing-manifest { 
    max-width: 800px; margin: 50px auto 0; padding: 30px; 
    background: rgba(37, 211, 102, 0.05); border-radius: 20px; 
    border: 1px dashed #25D366; display: flex; align-items: center; gap: 25px; text-align: left;
}
.m-icon { font-size: 30px; filter: drop-shadow(0 0 5px #25D366); }
.m-text h3 { color: #25D366; font-size: 11px; margin-bottom: 5px; letter-spacing: 2px; }
.m-text p { color: #888; font-size: 13px; line-height: 1.6; margin: 0; font-weight: 700; }

@media (max-width: 640px) { .packing-manifest { flex-direction: column; text-align: center; } }

/* УЛЬТРА-СЕРВИС */
.service-ultra { max-width: 1100px; margin: 100px auto; padding: 0 20px; text-align: center; }
.ultra-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.ultra-card { 
    background: #0d0d0f; border: 1px solid #1a1a1c; padding: 45px 35px; border-radius: 35px; 
    text-align: left; transition: 0.4s; position: relative;
}
.ultra-card:hover { border-color: #25D366; transform: translateY(-5px); box-shadow: 0 15px 40px rgba(37,211,102,0.1); }
.u-tag { color: #333; font-size: 8px; font-weight: 900; letter-spacing: 3px; margin-bottom: 20px; }
.ultra-card h3 { color: #fff; font-size: 14px; font-weight: 900; margin-bottom: 15px; letter-spacing: 1px; }
.ultra-card p { color: #666; font-size: 13px; line-height: 1.7; margin: 0; }
.ultra-card.highlighted { border-color: #25D366; background: rgba(37, 211, 102, 0.03); }
.ultra-card.highlighted .u-tag { color: #25D366; }

@media (max-width: 768px) { .ultra-grid { grid-template-columns: 1fr; } }

/* АВТОГРАФ НЕЙРО-АРХИТЕКТОРА */
.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.ai-signature {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0.3; /* Едва заметный, для тех кто ищет */
    transition: 0.5s;
}

.ai-signature:hover { opacity: 1; }

.sig-label { font-size: 7px; color: #444; letter-spacing: 3px; font-weight: 900; }
.sig-name { 
    font-family: 'Orbitron', sans-serif; 
    font-size: 9px; 
    color: #25D366; 
    text-shadow: 0 0 5px rgba(37,211,102,0.5); 
    margin-top: 2px;
}
.sig-line { width: 30px; height: 1px; background: #25D366; margin-top: 5px; box-shadow: 0 0 5px #25D366; }


/* MOBILE_OPTIMIZER_v2300 */
@media screen and (max-width: 640px) {
    /* Текст и Заголовки */
    .main-title { font-size: 38px !important; line-height: 1.1; margin-top: 100px; }
    .subtitle { font-size: 9px; letter-spacing: 2px; }
    .section-label { margin: 60px auto 30px; font-size: 8px; }

    /* Кнопки и Карточки */
    .btn-cyber, .btn-sos, .calc-btn-final { 
        padding: 18px 20px !important; 
        font-size: 11px !important; 
        width: 100%; 
        box-sizing: border-box; 
    }
    
    .price-row { padding: 15px 20px; font-size: 13px; }
    .price-row strong { font-size: 14px !important; }

    /* Сетки */
    .trust-grid, .geo-grid, .ultra-grid, .resp-grid, .terms-sub-grid {
        grid-template-columns: 1fr !important;
        gap: 15px;
    }
    
    .about-grid, .logist-card, .legal-banner, .case-banner {
        flex-direction: column !important;
        padding: 30px 20px !important;
        text-align: center !important;
    }
    
    .ins-container { padding: 30px 20px; }
    .ins-body { grid-template-columns: 1fr; gap: 30px; }

    /* Декор */
    .glow-bg { width: 250px; height: 250px; opacity: 0.1; }
    .about-decor, .case-visual, .help-visual, .sig-line { display: none; }
    
    /* Плавающая кнопка (сдвигаем, чтобы не мешала) */
    .floating-contact { width: 55px; height: 55px; bottom: 20px; right: 20px; }
    .icon-wrap { font-size: 24px; }
}

/* ФИКС ДЛЯ ПЛАВНОГО СКРОЛЛА */
html { scroll-behavior: smooth; }

.seo-tags { max-width: 1000px; margin: 40px auto; padding: 0 20px; opacity: 0.2; transition: 0.5s; }
.seo-tags:hover { opacity: 0.8; }
.tags-cloud { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }
.tags-cloud span { font-size: 9px; font-weight: 900; color: #444; text-transform: uppercase; letter-spacing: 1px; }

/* --- ФИНАЛЬНЫЙ ТЮНИНГ: ЛОГИСТ, ТЕГИ, ФУТЕР, КНОПКА --- */

.logist-box { max-width: 850px; margin: 0 auto 100px; padding: 0 20px; }
.logist-card { 
    background: #fff; color: #000; padding: 40px; border-radius: 40px; 
    display: flex; align-items: center; justify-content: space-between; 
    box-shadow: 0 0 60px rgba(37,211,102,0.2);
}
.logist-avatar { width: 80px; height: 80px; background: #eee; border-radius: 50%; overflow: hidden; border: 3px solid #25D366; }
.logist-text h3 { font-size: 28px; margin: 0; font-weight: 900; }
.logist-text p { font-size: 10px; color: #666; font-weight: 900; letter-spacing: 1px; }

.seo-tags { max-width: 1000px; margin: 60px auto; padding: 0 20px; opacity: 0.3; transition: 0.5s; }
.seo-tags:hover { opacity: 0.8; }
.tags-cloud { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.tags-cloud span { font-size: 9px; font-weight: 900; color: #444; text-transform: uppercase; letter-spacing: 1px; font-family: 'Orbitron'; }

footer { padding: 80px 20px; text-align: center; border-top: 1px solid #111; }
.footer-content p { font-size: 10px; font-weight: 900; letter-spacing: 5px; color: #222; }
.footer-content p span { color: #25D366; opacity: 0.6; }

.ai-signature { margin-top: 15px; display: flex; flex-direction: column; align-items: center; opacity: 0.3; transition: 0.5s; }
.ai-signature:hover { opacity: 1; }
.sig-label { font-size: 7px; color: #444; letter-spacing: 3px; font-weight: 900; }
.sig-name { font-family: 'Orbitron'; font-size: 10px; color: #25D366; margin-top: 5px; }
.sig-line { width: 30px; height: 1px; background: #25D366; margin-top: 5px; }

/* ПЛАВАЮЩАЯ КНОПКА */
.floating-contact { position: fixed; bottom: 40px; right: 40px; width: 70px; height: 70px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2000; text-decoration: none; box-shadow: 0 0 30px rgba(37,211,102,0.6); }
.btn-hint { position: absolute; right: 90px; background: #000; border: 1px solid #25D366; padding: 18px; border-radius: 18px; display: flex; flex-direction: column; gap: 5px; opacity: 0; transform: translateX(25px); transition: 0.4s; pointer-events: none; }
.floating-contact:hover .btn-hint { opacity: 1; transform: translateX(0); }
.hint-line { font-size: 10px; font-weight: 900; color: #fff; white-space: nowrap; font-family: 'Orbitron'; }
.hint-line span { color: #25D366; }

@media (max-width: 768px) {
    .glass-nav {
        width: 95%;
        padding: 0 15px;
    }
    .price-row {
        padding: 20px;
        flex-direction: row; /* Оставляем в ряд, если текст короткий */
        font-size: 14px;
    }
    .price-row strong { font-size: 16px; }
}


/* РАСТЯГИВАЕМ ТАБЛИЦУ */
.pricing-section {
    max-width: 100% !important; /* Занимаем все 1200px */
    padding: 0 !important;
}

.price-table {
    width: 100%;
    background: #0d0d0f;
    border: 1px solid #1a1a1c;
    border-radius: 30px;
    overflow: hidden;
}

.price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 40px; /* Увеличили отступы внутри строк */
    font-size: 18px; /* Сделали шрифт крупнее */
}

/* СЕТКА ДЛЯ КАРТОЧЕК (ГРУЗЧИКИ, ПФР, ОТВЕТСТВЕННОСТЬ) */
.trust-grid, .serv-grid, .about-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* Авто-расширение */
    gap: 30px;
    width: 100%;
}

.trust-card, .about-card {
    padding: 50px; /* Больше жира внутри карточек */
    height: 100%;
    box-sizing: border-box;
}

.hero {
    max-width: 100% !important;
}

.main-title {
    font-size: clamp(45px, 8vw, 95px); /* Динамический размер: от 45 до 95 пикселей */
    line-height: 1.0;
    margin: 40px 0;
}

.glow-bg {
    width: 600px; /* Увеличили неоновое свечение сзади */
    height: 600px;
}

body {
    font-size: 18px; /* Базовый размер текста теперь больше */
}

.section-label {
    font-size: 12px;
    letter-spacing: 10px; /* Еще больше пафоса в заголовках секций */
    margin-bottom: 80px;
}


/* --- СЕКТОР ОБНУЛЕНИЯ И ДОМИНИРОВАНИЯ (FORCE_REPAIR_2300) --- */

/* 1. ГЛОБАЛЬНЫЙ КОНТЕЙНЕР (СИЛОВОЕ ВЫРАВНИВАНИЕ) */
section, .hero, .pricing-section, .trust-section, .about-section, .insurance-wide, .service-ultra, .advantages-section {
    max-width: 1200px !important; 
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
}

/* 2. ШАПКА (ЖЕСТКАЯ ФИКСАЦИЯ ПО СЕТКЕ) */
.glass-nav {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90% !important;
    max-width: 1200px !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

/* 3. ТАРИФЫ (РАСТЯЖКА НА МАКСИМУМ) */
.price-table {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.price-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 30px 40px !important;
    box-sizing: border-box !important;
}

/* 4. СЕТКИ КАРТОЧЕК (ГАЗПРОМ, ПФР И Т.Д.) */
.trust-grid, .about-grid, .ins-body, .ultra-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
}

/* 5. МОБИЛЬНАЯ АДАПТАЦИЯ (ПРИНУДИТЕЛЬНО) */
@media (max-width: 768px) {
    section, .glass-nav {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .price-row {
        padding: 20px !important;
    }
}

/* ПОДТЯЖКА HERO К ШАПКЕ */
.hero {
    margin-top: 0 !important; /* Убираем лишний внешний отступ */
    padding-top: 140px !important; /* Оставляем место только под шапку (70px + 70px зазора) */
    padding-bottom: 60px !important; /* Чуть сжимаем снизу, чтобы Тарифы были ближе */
}

/* Если у тебя есть отступ у заголовка внутри Hero */
.main-title {
    margin-top: 0 !important; 
    margin-bottom: 20px !important;
}

/* Мобильная подтяжка (для Айфонов) */
@media (max-width: 768px) {
    .hero {
        padding-top: 100px !important; /* На мобилках шапка меньше, прижимаем плотнее */
    }
}

/* ВЫЖИГАНИЕ ПУСТОТЫ МЕЖДУ МЕНЮ И HERO */

header, nav {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.hero {
    margin-top: 0 !important; 
    /* 100px — это 70px на шапку + 30px на воздух. Если всё равно много, ставь 80px */
    padding-top: 100px !important; 
    position: relative !important;
    top: 0 !important;
}

/* Если между ними есть пустой div или отступ у body */
body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Убираем гигантский отступ у заголовка, который может толкать блок вниз */
.main-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ФИКС ДЛЯ МОБИЛОК (АЙФОНОВ) */
@media (max-width: 768px) {
    .hero {
        padding-top: 80px !important;
    }
}

/* --- ТОТАЛЬНАЯ ЗАЧИСТКА ПУСТОТЫ v2.0 --- */

/* Обнуляем все контейнеры, которые могут давать отступ сверху */
body, html, main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Убираем отступ у самого первого блока (Hero) */
header + section, 
nav + section,
header + main,
nav + main {
    margin-top: 0 !important;
    padding-top: 80px !important; /* Этого хватит, чтобы не залезть под шапку */
}

/* Если у тебя есть пустые блоки-распорки */
div:empty {
    display: none !important;
}

/* Жестко прижимаем заголовок к верху его родителя */
.hero {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: auto !important; /* Если стояло 100vh - это и была дыра! */
    padding-top: 90px !important; 
    margin-top: 0 !important;
}

.main-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
    line-height: 1.0 !important;
}

/* Фикс для мобилок */
@media (max-width: 768px) {
    .hero { padding-top: 70px !important; }
}
/* --- СЕО-ОТЧЕТ 2300 (12 COLUMNS) --- */
.seo-report-v2300 {
    max-width: 1200px !important;
    margin: 60px auto 100px !important;
    border-top: 1px solid #1a1a1c;
    padding-top: 60px !important;
}

.report-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
}

.report-item {
    display: flex;
    gap: 20px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.01);
    border-radius: 20px;
    transition: 0.4s;
}

.report-item:hover {
    background: rgba(37, 211, 102, 0.03);
    transform: translateY(-5px);
}

.r-icon { font-size: 24px; opacity: 0.8; }

.r-text h4 {
    font-family: 'Orbitron';
    font-size: 11px;
    color: #25D366;
    letter-spacing: 2px;
    margin-bottom: 12px;
    font-weight: 900;
}

.r-text p {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin: 0;
}

.r-text p b { color: #fff; font-weight: 700; }

/* Адаптив для Айфонов */
@media (max-width: 900px) {
    .report-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
    .report-item { padding: 0; }
}

/* --- КИБЕР-ПОЛИРОВКА v4.2 --- */

/* ЗАГОЛОВКИ С ЭФФЕКТОМ ГЛИТЧА ПРИ НАВЕДЕНИИ */
h1, h2, h3, .term-brand {
    font-family: 'Orbitron', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    transition: 0.3s !important;
}

.main-title:hover {
    text-shadow: 2px 0 #ff4444, -2px 0 #25D366 !important;
}

/* ШРИФТЫ ДЛЯ ТЕКСТА (ЧИСТОТА И СТИЛЬ) */
p, li, .price-row span {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    color: #888 !important;
}

b, strong {
    color: #fff !important;
    font-weight: 900 !important;
}

/* АХУИТЕЛЬНОСТЬ В БЛОКИ (ГРАДИЕНТНЫЕ РАМКИ И СВЕЧЕНИЕ) */
.report-item, .trust-card, .about-card, .price-table {
    position: relative !important;
    background: linear-gradient(145deg, #0a0a0a 0%, #000 100%) !important;
    border: 1px solid rgba(37, 211, 102, 0.1) !important;
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    z-index: 1;
}

.report-item:hover, .trust-card:hover {
    border-color: #25D366 !important;
    box-shadow: 0 0 30px rgba(37, 211, 102, 0.15) !important;
    transform: translateY(-8px) scale(1.02) !important;
}

/* КРАСИВЫЙ СКАНЕР ДЛЯ БЛОКОВ */
.report-item::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 2px;
    background: linear-gradient(90deg, transparent, #25D366, transparent);
    opacity: 0;
    transition: 0.5s;
}

.report-item:hover::after {
    opacity: 0.5;
    animation: blockScan 2s linear infinite;
}

@keyframes blockScan {
    0% { top: 0; }
    100% { top: 100%; }
}

/* --- ГИПЕР-МАТРИЦА 2300 (12 COLUMNS) --- */

.seo-matrix-v2300 {
    max-width: 1200px !important;
    margin: 100px auto !important;
    text-align: center;
}

/* ОГРОМНЫЙ ЗАГОЛОВОК ДЛЯ ПК */
.matrix-main-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 64px; /* В 2 раза больше стандартного */
    font-weight: 900;
    color: #fff;
    margin-bottom: 60px;
    letter-spacing: -2px;
    line-height: 1.1;
}
.matrix-main-title span { color: #25D366; text-shadow: 0 0 20px rgba(37, 211, 102, 0.4); }

/* СЕТКА 3x2 */
.matrix-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
}

.matrix-item {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #1a1a1c;
    padding: 40px 30px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.matrix-item:hover {
    border-color: #25D366;
    background: rgba(37, 211, 102, 0.03);
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}

.m-icon { font-size: 32px; margin-bottom: 20px; }

.m-text h4 {
    font-family: 'Orbitron', sans-serif;
    font-size: 11px;
    color: #25D366;
    letter-spacing: 3px;
    margin-bottom: 15px;
    font-weight: 900;
}

/* ШРИФТ ДЛЯ ЛЮДЕЙ (INTER) */
.m-text p {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #888;
    margin: 0;
}
.m-text p b { color: #fff; font-weight: 700; }

/* Адаптив для Айфонов */
@media (max-width: 900px) {
    .matrix-main-title { font-size: 32px; }
    .matrix-grid { grid-template-columns: 1fr !important; }
}

/* --- ТАРИФНАЯ МАТРИЦА v2.0 (ULTRA_GLOW) --- */

.price-table-cyber {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    margin-top: 50px !important;
}

.price-row {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid #1a1a1c !important;
    padding: 35px 50px !important;
    border-radius: 25px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}

/* АКЦЕНТ НА ГАЗЕЛЬКУ */
.price-row.featured {
    border-color: #25D366 !important;
    background: rgba(37, 211, 102, 0.03) !important;
    box-shadow: 0 0 40px rgba(37, 211, 102, 0.1) !important;
    transform: scale(1.02);
}

.p-category {
    font-family: 'Orbitron';
    font-size: 9px;
    color: #25D366;
    letter-spacing: 3px;
    margin-bottom: 10px;
    display: block;
}

.p-info h3 {
    font-family: 'Orbitron';
    font-size: 18px;
    color: #fff;
    margin: 0 0 8px 0;
}

.p-info h3 span { color: #444; font-size: 14px; margin-left: 10px; }

.p-info p {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #666;
    margin: 0;
}

/* ЦЕНЫ С ЭФФЕКТОМ ГОРЕНИЯ */
.p-value { text-align: right; display: flex; align-items: baseline; gap: 10px; }

.p-from { font-size: 12px; color: #333; font-weight: 900; font-family: 'Orbitron'; }

.p-value strong {
    font-family: 'Orbitron';
    font-size: 32px;
    color: #fff;
    transition: 0.3s;
}

/* НЕОНОВЫЙ ГЛОУ ДЛЯ ГАЗЕЛЬКИ */
.featured .neon-glow {
    color: #25D366 !important;
    text-shadow: 0 0 20px rgba(37, 211, 102, 0.6) !important;
}

.price-row:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: #25D366 !important;
    transform: translateX(15px);
}

/* Мобилка */
@media (max-width: 768px) {
    .price-row { flex-direction: column !important; text-align: center !important; padding: 30px !important; gap: 20px; }
    .p-value { justify-content: center; }
    .price-row:hover { transform: translateY(-10px); }
}

/* --- ДОПОЛНИТЕЛЬНЫЙ ТЮНИНГ ТАРИФОВ --- */

.table-header-mini {
    font-family: 'Orbitron';
    font-size: 10px;
    letter-spacing: 5px;
    color: #333;
    margin: 60px 0 25px 20px;
    text-align: left;
    text-transform: uppercase;
}

.neon-blue { color: #00f2ff !important; text-shadow: 0 0 10px rgba(0, 242, 255, 0.4); }

.container-block { margin-top: 40px !important; }

/* СЕТКА КОНТЕЙНЕРОВ */
.container-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
}

.c-item {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid #1a1a1c !important;
    padding: 30px 20px !important;
    border-radius: 20px !important;
    text-align: center;
    transition: 0.3s;
}

.c-label {
    font-family: 'Orbitron';
    font-size: 11px;
    color: #555;
    margin-bottom: 15px;
    letter-spacing: 2px;
}

.c-price {
    font-family: 'Orbitron';
    font-size: 18px;
    color: #fff;
    font-weight: 900;
}

.featured-c {
    border-color: #00f2ff !important;
    background: rgba(0, 242, 255, 0.03) !important;
}

.featured-c .c-price { color: #00f2ff; text-shadow: 0 0 15px rgba(0, 242, 255, 0.5); }

.c-item:hover {
    border-color: #25D366;
    transform: translateY(-5px);
}

/* Мобилка для контейнеров */
@media (max-width: 900px) {
    .container-grid { grid-template-columns: 1fr 1fr !important; }
    .table-header-mini { text-align: center; margin-left: 0; }
}


/* --- СИНИЙ НЕОН И МОНТСЕРРАТ ТЮНИНГ --- */

.container-main-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    margin: 60px 0 30px;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.2;
}

.container-main-title span {
    color: #00f2ff; /* КИБЕР-СИНИЙ */
    text-shadow: 0 0 20px rgba(0, 242, 255, 0.6);
}

/* ОБНОВЛЕННЫЕ КОНТЕЙНЕРЫ С СИНИМ АКЦЕНТОМ */
.container-block .c-item {
    border: 1px solid rgba(0, 242, 255, 0.1) !important;
    background: rgba(0, 242, 255, 0.01) !important;
}

.container-block .c-item:hover {
    border-color: #00f2ff !important;
    box-shadow: 0 0 25px rgba(0, 242, 255, 0.2) !important;
    transform: translateY(-5px);
}

.featured-c {
    border-color: #00f2ff !important;
    background: rgba(0, 242, 255, 0.05) !important;
    box-shadow: 0 0 35px rgba(0, 242, 255, 0.15) !important;
}

.featured-c .c-price {
    color: #00f2ff !important;
    text-shadow: 0 0 15px rgba(0, 242, 255, 0.8) !important;
}

.featured-c .c-label {
    color: #00f2ff !important;
    opacity: 0.8;
}

/* МОБИЛКА */
@media (max-width: 768px) {
    .container-main-title { font-size: 20px; padding: 0 15px; }
}


/* --- ГИПЕР-КОНТЕЙНЕРЫ v3.0 (ULTRA_VISIBLE) --- */

.container-block-v2 {
    margin-top: 120px !important;
    text-align: center;
}

/* СЕТКА С КРУПНЫМИ КАРТОЧКАМИ */
.container-grid-v2 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
    margin-top: 50px;
}

.c-item-v2 {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 2px solid #1a1a1c !important; /* Толще рамка */
    padding: 50px 30px !important; /* Больше жира внутри */
    border-radius: 35px !important;
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* ЗАГОЛОВКИ ТИПА (3Т, 5Т и т.д.) — МАКСИМАЛЬНО ЖИРНО */
.c-label-v2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px; /* Видно всем! */
    font-weight: 900;
    color: #fff;
    margin-bottom: 5px;
    letter-spacing: -1px;
}

.c-desc {
    font-family: 'Orbitron';
    font-size: 9px;
    color: #444;
    letter-spacing: 2px;
    margin-bottom: 25px;
}

/* ЦЕНА — ГЛАВНЫЙ АКЦЕНТ */
.c-price-v2 {
    font-family: 'Orbitron';
    font-size: 22px;
    font-weight: 900;
    color: #25D366; /* Базовый зеленый */
}

/* ТОТ САМЫЙ АХУЕННЫЙ АКЦЕНТ НА 20 ФУТОВ */
.featured-green-c {
    border-color: #25D366 !important;
    background: rgba(37, 211, 102, 0.05) !important;
    box-shadow: 0 0 40px rgba(37, 211, 102, 0.2) !important;
    transform: scale(1.05); /* Немного больше остальных */
}

.featured-green-c .c-price-v2 {
    font-size: 26px; /* Еще крупнее */
    text-shadow: 0 0 20px rgba(37, 211, 102, 0.8);
}

.featured-green-c .c-label-v2 {
    color: #25D366;
}

/* ХОВЕР-ЭФФЕКТ ДЛЯ ВСЕХ */
.c-item-v2:hover {
    border-color: #25D366;
    transform: translateY(-15px);
    box-shadow: 0 30px 60px rgba(0,0,0,0.5);
}

/* АДАПТИВ ПОД АЙФОНЫ */
@media (max-width: 1000px) {
    .container-grid-v2 { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 600px) {
    .container-grid-v2 { grid-template-columns: 1fr !important; }
    .c-item-v2 { padding: 40px 20px !important; }
}

/* --- ГИПЕР-КОНТЕЙНЕРЫ v3.5 (LEFT_ALIGN_SEO) --- */

.matrix-left-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 64px; /* Оставляем ахуенно крупным */
    font-weight: 900;
    color: #fff;
    text-align: left; /* ВЫРАВНИВАНИЕ ПО ЛЕВОМУ КРАЮ */
    margin-bottom: 60px;
    letter-spacing: -2px;
    line-height: 1.1;
}
.matrix-left-title span { color: #25D366; text-shadow: 0 0 20px rgba(37, 211, 102, 0.4); }

/* Выравниваем все будущие большие заголовки */
.pricing-section-ultra .matrix-main-title, 
.seo-matrix-v2300 .matrix-main-title {
    text-align: left !important;
}

/* СЕО-ТЕКСТ В КАРТОЧКАХ (ШРИФТ ДЛЯ ЛЮДЕЙ) */
.c-seo-text {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #666;
    margin-top: 20px;
    text-align: left;
}
.c-seo-text b { color: #aaa; }

/* ТЮНИНГ КАРТОЧЕК ДЛЯ ЛЕВОГО ВЫРАВНИВАНИЯ */
.c-item-v2 {
    align-items: flex-start !important;
    text-align: left !important;
}

@media (max-width: 900px) {
    .matrix-left-title { font-size: 36px; text-align: center; }
}

/* --- ЖИВАЯ ЛЕНТА РЕЙСОВ v4.0 --- */
.live-feed-v2300 {
    max-width: 1200px !important;
    margin: 120px auto !important;
}

.feed-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
}

.feed-card {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid #1a1a1c !important;
    border-radius: 30px !important;
    padding: 40px !important;
    transition: 0.4s;
    text-align: left;
}

.feed-card:hover {
    border-color: #25D366;
    background: rgba(37, 211, 102, 0.04) !important;
    transform: translateY(-5px);
}

.f-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    font-family: 'Orbitron';
    font-size: 9px;
    letter-spacing: 2px;
}

.f-status { color: #25D366; font-weight: 900; }
.f-id { color: #333; }

.f-route {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.f-city {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
}

.f-arrow { color: #25D366; font-size: 20px; }

.f-details {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid #1a1a1c;
    padding-top: 20px;
    margin-bottom: 25px;
}

.f-item {
    font-size: 11px;
    color: #555;
    font-family: 'Orbitron';
}

.f-item b { color: #aaa; margin-left: 5px; }

.f-comment {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #666;
    font-style: italic;
}

.feed-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* Ровно 3 в ряд */
    gap: 30px !important;
    width: 100% !important;
}

@media (max-width: 900px) {
    .feed-grid { grid-template-columns: 1fr !important; }
}

/* --- АВТОРСКИЙ ФУТЕР TRUCK-HUB-PRO --- */
.truck-footer {
    border-top: 1px solid #1a1a1c;
    padding: 80px 0 40px !important;
    background: #000;
}

.footer-wrap {
    max-width: 1200px !important;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    padding: 0 40px !important;
}

/* НОМЕР ТЕЛЕФОНА */
.f-phone {
    font-family: 'Orbitron';
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    font-weight: 900;
    transition: 0.3s;
}
.f-phone:hover { color: #25D366; text-shadow: 0 0 15px #25D366; }
.f-contact-main p { font-size: 8px; color: #333; letter-spacing: 2px; margin-top: 5px; }

/* ПОДПИСИ АВТОРОВ */
.f-authors { display: flex; flex-direction: column; gap: 10px; }
.sig-item { display: flex; flex-direction: column; }
.sig-label { font-size: 7px; color: #444; letter-spacing: 3px; font-weight: 900; }
.sig-name { font-family: 'Orbitron'; font-size: 11px; color: #25D366; margin-top: 3px; text-transform: uppercase; }
.sig-item:first-child .sig-name { color: #fff; text-shadow: 0 0 10px rgba(255,255,255,0.2); } /* Выделяем тебя */

/* ТГ КНОПКА */
.f-tg-btn {
    font-family: 'Orbitron';
    font-size: 10px;
    color: #25D366;
    border: 1px solid #25D366;
    padding: 15px 30px;
    text-decoration: none;
    transition: 0.3s;
}
.f-tg-btn:hover { background: #25D366; color: #000; box-shadow: 0 0 20px rgba(37,211,102,0.3); }

.f-copyright {
    text-align: center;
    margin-top: 60px;
    font-size: 8px;
    color: #111;
    letter-spacing: 5px;
    font-family: 'Orbitron';
}

@media (max-width: 900px) {
    .footer-wrap { flex-direction: column; text-align: center; }
    .f-phone { font-size: 20px; }
}



/* --- БОЕВОЙ МОДУЛЬ ЗАХВАТА v2300 --- */
.action-wrap {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 40px 0 80px !important;
}

.btn-mega-glow {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 800px;
    padding: 35px 20px;
    background: #000;
    border: 1px solid #25D366;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: hidden;
}

.btn-label {
    font-family: 'Orbitron';
    font-size: 9px;
    color: #25D366;
    letter-spacing: 4px;
    margin-bottom: 12px;
}

.btn-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 1px;
}

/* ЭФФЕКТЫ СВЕЧЕНИЯ */
.btn-mega-glow:hover {
    transform: scale(1.03);
    box-shadow: 0 0 50px rgba(37, 211, 102, 0.3);
    background: rgba(37, 211, 102, 0.05);
}

/* СИНЯЯ КНОПКА ДЛЯ КОНТЕЙНЕРОВ */
.blue-glow { border-color: #00f2ff; }
.blue-glow .btn-label { color: #00f2ff; }
.blue-glow:hover {
    box-shadow: 0 0 50px rgba(0, 242, 255, 0.3);
    background: rgba(0, 242, 255, 0.05);
}

/* СКАНЕР ВНУТРИ КНОПКИ */
.btn-scan-line {
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);
    animation: btnScan 3s infinite;
}

@keyframes btnScan {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* Мобилка */
@media (max-width: 768px) {
    .btn-text { font-size: 16px; text-align: center; }
    .btn-mega-glow { padding: 25px 15px; }
}

/* --- СУПЕР-КНОПКИ v2300 (БЕЗ ЛАГОВ) --- */
.action-wrap {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 50px 0 100px !important;
}

.btn-mega-glow {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 850px;
    padding: 30px 20px;
    background: #000;
    border: 2px solid #25D366; /* Сделали рамку чуть жирнее */
    border-radius: 20px;
    text-decoration: none;
    transition: transform 0.2s ease-out, background 0.2s ease; /* Ускорили реакцию */
    overflow: hidden;
}

.btn-label {
    font-family: 'Orbitron';
    font-size: 8px;
    color: #25D366;
    letter-spacing: 5px;
    margin-bottom: 10px;
    opacity: 0.7;
}

.btn-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 1px;
}

/* ОПТИМИЗИРОВАННЫЙ ХОВЕР */
.btn-mega-glow:hover {
    transform: scale(1.01); /* Уменьшили масштаб, чтобы не дергалось */
    background: rgba(37, 211, 102, 0.08);
}

.btn-mega-glow:active {
    transform: scale(0.98); /* Визуальный отклик при нажатии */
}

/* СКАНЕР (УСКОРИЛИ ДЛЯ ПЛАВНОСТИ) */
.btn-scan-line {
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(37,211,102,0.1), transparent);
    animation: btnScan 2.5s linear infinite; /* Плавный линейный ход */
    pointer-events: none;
}

@keyframes btnScan {
    0% { transform: translateX(0); }
    100% { transform: translateX(200%); }
}

@media (max-width: 768px) {
    .btn-text { font-size: 18px; text-align: center; }
}


/* --- ЭФФЕКТ "ЦИФРОВОЙ ПЫЛИ" (без внешнего url — не ломает загрузку CSS) --- */
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: radial-gradient(circle at 20% 30%, rgba(37, 211, 102, 0.04) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(0, 242, 255, 0.03) 0%, transparent 45%);
    opacity: 0.6;
    pointer-events: none;
    z-index: 0;
}

/* --- УМНАЯ ПЕРЕЛИНКОВКА EDELIS v2.0 --- */
.links-section {
    max-width: 850px;
    margin: 80px auto 120px; /* Больше отступа сверху и снизу */
    padding: 0 20px;
    text-align: center; /* Центрируем заголовок */
}

.links-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Центрируем карточки ссылок */
    gap: 10px;
    margin-top: 30px;
}

.rel-link {
    display: inline-block;
    padding: 10px 18px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    
    /* Тот самый серый полупрозрачный цвет */
    color: rgba(255, 255, 255, 0.4); 
    
    text-decoration: none;
    font-size: 10px;
    font-family: 'Orbitron', sans-serif; /* Или Montserrat, если Orbitron слишком "колючий" */
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-transform: uppercase;
    letter-spacing: 2px;
}

.rel-link:hover {
    border-color: #25D366;
    color: #fff;
    background: rgba(37, 211, 102, 0.05);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.1);
}


/* --- FAQ: ГЛУБОКОЕ СТЕКЛО (DEEP GLASS BLUR) --- */
.faq-item {
    background: rgba(255, 255, 255, 0.02); /* Почти прозрачный фон */
    backdrop-filter: blur(15px); /* Тот самый пиздатый блюр */
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    padding: 20px 25px;
    margin-bottom: 12px;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: default;
}

.faq-item:hover {
    background: rgba(37, 211, 102, 0.03); /* Легкий зеленый оттенок при наведении */
    border-color: rgba(37, 211, 102, 0.2);
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.faq-q-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.faq-dot {
    width: 6px;
    height: 6px;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 0 12px #25D366; /* Неоновое свечение точки */
}

.faq-q {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.faq-a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.4) !important; /* Спокойный серый текст */
    line-height: 1.6;
    padding-left: 21px; /* Выравнивание под текст вопроса */
}

.section-title-minimal {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.3); /* Тусклый белый, чтобы не кричал */
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 40px;
}




/* --- СТИЛИ ЖИВОЙ МАГИСТРАЛИ --- */
.live-hub-container {
    max-width: 850px;
    margin: 110px auto 20px; /* Отступ под парящую шапку */
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(37, 211, 102, 0.1);
    border-radius: 12px;
    padding: 15px 25px;
}

.hub-header { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
.hub-label { font-family: 'Orbitron'; font-size: 9px; color: #25D366; letter-spacing: 3px; opacity: 0.6; }
.hub-dot { width: 6px; height: 6px; background: #ff3e3e; border-radius: 50%; box-shadow: 0 0 8px #ff3e3e; animation: blink 1s infinite; }

.hub-stats { display: grid; grid-template-columns: 1fr 1fr 2fr; gap: 20px; align-items: center; }
.stat-box { border-left: 1px solid rgba(255,255,255,0.05); padding-left: 15px; }
.stat-val { font-family: 'Orbitron'; font-size: 22px; font-weight: 900; color: #fff; }
.stat-label { font-size: 8px; color: rgba(255,255,255,0.3); letter-spacing: 1px; text-transform: uppercase; margin-top: 4px; }

.stat-log { background: rgba(0,0,0,0.4); padding: 10px; border-radius: 6px; font-size: 10px; color: #25D366; font-family: 'Courier New', monospace; height: 45px; display: flex; flex-direction: column; justify-content: center; gap: 4px; }

@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
@keyframes pulse-green { from { color: #fff; } to { color: #25D366; } }

@media (max-width: 768px) { .hub-stats { grid-template-columns: 1fr; gap: 15px; } .stat-box { border-left: none; border-bottom: 1px solid rgba(255,255,255,0.05); padding: 0 0 10px 0; } }



/* --- ГЕО-ОТЗЫВЫ EDELIS --- */
.reviews-section {
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px;
    text-align: center;
}

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.review-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    padding: 25px;
    text-align: left;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.review-card:hover {
    border-color: #25D366;
    background: rgba(37, 211, 102, 0.03);
    transform: translateY(-5px);
}

.rev-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.rev-name {
    font-family: 'Orbitron';
    font-size: 11px;
    color: #fff;
    letter-spacing: 2px;
}

.rev-stars { color: #25D366; font-size: 12px; letter-spacing: 2px; }

.rev-route {
    font-size: 9px;
    color: #25D366;
    opacity: 0.6;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.rev-text {
    font-family: 'Montserrat';
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.5;
    font-style: italic;
}

.rev-date {
    margin-top: 15px;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.2);
    font-family: 'Orbitron';
}


/* --- МИКРО-РАДАР EDELIS (ЮВЕЛИРНАЯ ВЕРСИЯ) --- */
.desktop-only { display: none; } /* Скрыто для мобил */

@media (min-width: 1024px) {
    .pc-truck-monitor.desktop-only {
        display: flex;
        flex-direction: column;
        position: fixed;
        left: 30px;
        bottom: 110px;
        width: 230px;
        background: rgba(0, 0, 0, 0.4); /* Мягкое затемнение */
        backdrop-filter: blur(10px);
        border: 1px solid rgba(37, 211, 102, 0.15);
        border-radius: 12px;
        padding: 18px;
        z-index: 9999;
        font-family: 'Orbitron', sans-serif;
        transition: 0.3s ease;
    }
    
    .pc-truck-monitor:hover {
        border-color: rgba(37, 211, 102, 0.5);
        background: rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 30px rgba(37, 211, 102, 0.1);
    }
}

.monitor-header { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
.monitor-label { font-size: 7px; color: #25D366; letter-spacing: 2px; opacity: 0.7; }

/* Анимация пульсации радара */
.radar-scan {
    width: 6px; height: 6px; background: #25D366; border-radius: 50%;
    box-shadow: 0 0 10px #25D366; animation: pulse-radar 2s infinite;
}

@keyframes pulse-radar {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.6); opacity: 0.4; }
    100% { transform: scale(1); opacity: 1; }
}

.truck-row {
    border-left: 1px solid rgba(37, 211, 102, 0.2);
    padding: 0 0 0 12px;
    margin-bottom: 14px;
    transition: 0.2s;
}

.truck-row:hover { border-left: 2px solid #25D366; background: rgba(255,255,255,0.02); }

.t-main { display: flex; justify-content: space-between; align-items: baseline; }
.t-type { font-size: 11px; color: #fff; font-weight: 900; letter-spacing: 0.5px; }
.t-weight { font-size: 9px; color: #25D366; font-weight: 900; }
.t-dims { font-size: 8px; color: rgba(255, 255, 255, 0.3); margin: 3px 0; letter-spacing: 0.5px; }
.t-status { font-size: 7.5px; color: rgba(37, 211, 102, 0.6); text-transform: uppercase; }


/* --- МОДАЛЬНОЕ ОКНО БОРТА --- */
.modal-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    display: none; /* Скрыто по умолчанию */
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.modal-content {
    width: 90%;
    max-width: 400px;
    background: rgba(15, 17, 19, 0.9);
    border: 1px solid #25D366;
    border-radius: 20px;
    padding: 30px;
    position: relative;
    box-shadow: 0 0 50px rgba(37, 211, 102, 0.2);
    animation: modalIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes modalIn {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.modal-close {
    position: absolute;
    top: 15px; right: 20px;
    color: #fff; font-size: 24px; cursor: pointer; opacity: 0.5;
}

.modal-badge { font-family: 'Orbitron'; font-size: 8px; color: #25D366; letter-spacing: 3px; margin-bottom: 10px; }
.modal-header h3 { font-family: 'Montserrat'; font-weight: 900; color: #fff; margin-bottom: 20px; font-size: 22px; }
.modal-spec { font-family: 'Orbitron'; font-size: 10px; color: #25D366; margin-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 5px; }
.modal-desc { font-family: 'Montserrat'; font-size: 13px; color: rgba(255,255,255,0.6); line-height: 1.6; margin-top: 15px; }

/* ЮВЕЛИРНЫЙ ФИКС КНОПКИ В ПОП-АПЕ */
.modal-content .nav-btn-call {
    display: flex !important;
    margin: 25px auto 0 !important; /* Центрируем и даем отступ сверху */
    width: 90% !important; /* Уменьшили ширину, чтобы не выпирала */
    max-width: 300px; /* Чтобы на больших мониторах не была конской */
    text-decoration: none !important;
    justify-content: center !important;
    background: rgba(37, 211, 102, 0.1) !important;
    border: 1px solid #25D366 !important;
    padding: 12px 20px !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    transition: 0.3s !important;
}

.modal-content .nav-btn-call:hover {
    background: #25D366 !important;
    color: #000 !important;
    box-shadow: 0 0 20px rgba(37, 211, 102, 0.4) !important;
}


.modal-spec { 
    font-family: 'Montserrat', sans-serif !important; /* Меняем шрифт на читаемый */
    font-size: 11px !important; 
    font-weight: 700 !important; /* Делаем жирным */
    color: #25D366 !important; 
    margin-bottom: 10px !important; 
    letter-spacing: 0.5px !important; /* Уменьшили разлет букв */
    text-transform: uppercase;
}

/* Добавим яркости значениям внутри спеков */
.modal-spec span {
    color: #fff !important;
    margin-left: 5px;
}


/* --- КВАНТОВЫЕ ОБЛАКА (LSI-БЛОК) --- */
.seo-cloud-section {
    max-width: 850px;
    margin: 60px auto 100px;
    padding: 0 20px;
    text-align: center;
}

.cloud-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.seo-tag {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.3); /* Очень тусклый серый */
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 6px 12px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
}

.seo-tag:hover {
    color: #25D366;
    border-color: rgba(37, 211, 102, 0.3);
    background: rgba(37, 211, 102, 0.05);
}

/* --- КВАНТОВЫЙ КРИСТАЛЛ УДАЧИ (GLASS-EDITION) --- */
.crystal {
    position: fixed;
    width: 18px;
    height: 18px;
    background: #25D366;
    /* Форма идеального кристалла-ромба */
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    box-shadow: 0 0 25px #25D366;
    cursor: pointer;
    z-index: 10001;
    display: none; /* Появляется по таймеру */
    opacity: 0;
    transition: opacity 0.8s ease-in-out, transform 0.3s;
    animation: crystalFloat 4s infinite ease-in-out;
}

.crystal:hover {
    transform: scale(1.3) rotate(15deg);
    filter: brightness(1.5);
}

@keyframes crystalFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(20deg); }
}


/* --- ТРАСТ-ШТАМПЫ v7.1: GLASS_STYLE --- */
.trust-stamps-area {
    max-width: 1100px;
    margin: 60px auto;
    padding: 0 20px;
}

.stamps-grid-v7 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Ровно 3 колонки на ПК */
    gap: 20px;
}

.stamp-card-glass {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    padding: 25px;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.stamp-card-glass:hover {
    border-color: rgba(37, 211, 102, 0.3);
    background: rgba(37, 211, 102, 0.04);
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

.stamp-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.stamp-dot { width: 6px; height: 6px; background: #25D366; border-radius: 50%; box-shadow: 0 0 10px #25D366; }
.stamp-dot-red { width: 6px; height: 6px; background: #ff3e3e; border-radius: 50%; box-shadow: 0 0 10px #ff3e3e; }

.stamp-tag { font-family: 'Orbitron'; font-size: 8px; color: #25D366; letter-spacing: 2px; }
.stamp-tag.red { color: #ff3e3e; }

.stamp-body-new {
    display: flex;
    align-items: center;
    gap: 20px;
}

.stamp-icon-big { font-size: 32px; filter: drop-shadow(0 0 10px rgba(37, 211, 102, 0.2)); }
.icon-red { filter: drop-shadow(0 0 10px rgba(255, 62, 62, 0.2)); }

.stamp-title-new {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 4px;
    letter-spacing: 1px;
}

.stamp-text-new {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 600;
    line-height: 1.3;
}

/* МОБИЛКА: 1 КОЛОНКА */
@media (max-width: 900px) {
    .stamps-grid-v7 {
        grid-template-columns: 1fr;
    }
    .stamp-card-glass { padding: 20px; }
}





/* --- КАРГО-КАЛЬКУЛЯТОР v6.0 (БЕТОННЫЙ ГРИД) --- */
.cargo-calc-section {
    max-width: 950px;
    margin: 60px auto;
    padding: 35px;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(37, 211, 102, 0.15);
    border-radius: 25px;
    box-sizing: border-box; /* Защита от выпирания */
}

.calc-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr); 
    gap: 10px;
    margin: 30px 0;
}

@media (max-width: 1200px) {
    .calc-grid { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }
}

.calc-item {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    padding: 20px 10px;
    cursor: pointer;
    text-align: center;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
}

.calc-item:hover { border-color: #25D366; background: rgba(37, 211, 102, 0.05); transform: translateY(-3px); }
.calc-item.active { background: rgba(37, 211, 102, 0.1); border-color: #25D366; }

.calc-name { font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 800; color: rgba(255,255,255,0.6); text-transform: uppercase; }
.calc-item b { color: #000; background: #25D366; padding: 2px 6px; border-radius: 4px; font-size: 10px; margin-left: 5px; }

/* БЛОК МАРШРУТА */
.calc-route-label { margin-bottom: 25px; font-family: 'Montserrat'; font-size: 10px; color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: 1px; }
.calc-route-label strong { color: #25D366; }

/* БЛОК РЕЗУЛЬТАТА */
.calc-result-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(255,255,255,0.05);
    padding-top: 30px;
    gap: 30px;
}

.res-truck { font-family: 'Montserrat'; font-size: 32px; font-weight: 900; color: #fff; margin: 10px 0; }
.res-label, .res-dims { font-family: 'Montserrat'; color: #25D366; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; }
.res-label { font-size: 9px; }
.res-dims { font-size: 11px; opacity: 0.7; }

.res-price { font-family: 'Montserrat'; font-size: 38px; font-weight: 900; color: #25D366; text-shadow: 0 0 20px rgba(37, 211, 102, 0.3); }

@media (max-width: 768px) {
    .calc-grid { grid-template-columns: repeat(3, 1fr); }
    .calc-result-area { flex-direction: column; text-align: center; }
}

/* ЗАМЕТНАЯ КНОПКА СБРОСА */
.reset-btn {
    margin-top: 20px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    font-size: 11px !important;
    color: #ff4d4d !important;
    cursor: pointer;
    text-transform: uppercase;
    background: rgba(255, 77, 77, 0.15);
    border: 1px solid rgba(255, 77, 77, 0.3);
    padding: 12px 25px;
    border-radius: 12px;
    transition: 0.3s;
    display: inline-block;
}

.reset-btn:hover {
    background: #ff4d4d !important;
    color: #fff !important;
    box-shadow: 0 0 25px rgba(255, 77, 77, 0.5);
}


/* --- ГЕО-ВИКИ СПРАВКА --- */
.geo-wiki-section {
    max-width: 850px;
    margin: 40px auto;
    padding: 25px;
    border-left: 3px solid rgba(37, 211, 102, 0.3); /* Зеленая полоса слева как в Вики */
    background: rgba(255, 255, 255, 0.01);
}

.wiki-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.wiki-label {
    font-family: 'Orbitron';
    font-size: 8px;
    color: #25D366;
    letter-spacing: 2px;
}

.wiki-content {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.4); /* Приглушенный текст */
    text-align: justify;
}

.wiki-content strong {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 700;
}


/* --- WEATHER_SYNC СТИЛИ --- */
.weather-sync-box {
    margin-top: 20px;
    padding: 15px;
    background: rgba(37, 211, 102, 0.05);
    border-radius: 12px;
    border: 1px solid rgba(37, 211, 102, 0.1);
}

.weather-card {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.w-temp {
    font-family: 'Montserrat';
    font-size: 32px;
    font-weight: 900;
    color: #25D366;
    text-shadow: 0 0 15px rgba(37, 211, 102, 0.3);
}

.w-city {
    font-family: 'Orbitron';
    font-size: 8px;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.5);
}

.w-desc {
    font-family: 'Montserrat';
    font-size: 11px;
    color: #fff;
    font-weight: 600;
}

.w-tip {
    font-family: 'Montserrat';
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.4;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 10px;
}

.w-tip strong {
    color: #25D366;
    font-size: 8px;
}



/* --- ЕДИНЫЙ СТИЛЬ ЗАГОЛОВКОВ --- */
.hub-label, .wiki-label, .res-label, .stamp-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    color: #25D366 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

.hub-title, .stamp-text {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800;
}

.hub-status {
    color: #25D366;
    border-color: rgba(37, 211, 102, 0.4);
    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 8px;
}


/* Делаем иконку GPS заметной */
.stamps-grid .stamp-item:last-child .stamp-icon {
    filter: drop-shadow(0 0 8px rgba(255, 62, 62, 0.4)); /* Легкий красный неон для GPS */
}


/* --- ПЕРЕЗАГРУЗКА ПАЛИТРЫ (OVERRIDE_V1) --- */

/* 1. Глобальный фон (Антрацит + Градиент) */
html, body {
    background-color: #0f1113 !important; 
    background-image: radial-gradient(circle at center, #1a1d21 0%, #0f1113 100%) !important;
    background-attachment: fixed !important;
    color: #e0e0e0 !important;
}

/* 2. Обновление всех стеклянных карточек разом */
.glass-card, 
.price-col, 
.rail-card, 
.faq-item, 
.cargo-calc-section, 
.hub-item-glass, 
.stamp-card-glass {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3) !important;
}

/* 3. Эффект "Глубокого свечения" при наведении */
.price-col:hover, 
.rail-card:hover, 
.faq-item:hover, 
.hub-item-glass:hover, 
.stamp-card-glass:hover {
    background: rgba(37, 211, 102, 0.05) !important;
    border-color: rgba(37, 211, 102, 0.4) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 20px rgba(37, 211, 102, 0.1) !important;
    transform: translateY(-5px);
}

/* 4. Фикс заголовков (чтобы не были чисто черными) */
h1, h2, h3, .hero-title {
    color: #ffffff !important;
}


/* --- СРАВНЕНИЕ АВТО vs ЖД (DEEP GLASS) --- */
.comparison-section { max-width: 1100px; margin: 80px auto; padding: 0 20px; }
.compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }

.compare-card {
    padding: 40px;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.compare-header { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; }
.compare-icon { font-size: 40px; filter: drop-shadow(0 0 15px rgba(255,255,255,0.1)); }
.compare-title { font-family: 'Montserrat'; font-weight: 900; font-size: 16px; color: #fff; letter-spacing: 1px; }

.compare-list { list-style: none; padding: 0; margin: 0 0 30px 0; }
.compare-list li { 
    font-family: 'Montserrat'; font-size: 12px; color: rgba(255,255,255,0.6); 
    margin-bottom: 15px; display: flex; align-items: flex-start; gap: 10px;
    line-height: 1.4;
}
.compare-list li strong { color: #fff; font-size: 10px; text-transform: uppercase; }
.check { color: #25D366; font-weight: 900; }

.compare-footer { font-family: 'Orbitron'; font-size: 8px; color: rgba(255,255,255,0.3); letter-spacing: 1.5px; }
.compare-footer-green { font-family: 'Orbitron'; font-size: 8px; color: #25D366; letter-spacing: 1.5px; font-weight: 700; }

.highlight-compare { border-color: rgba(37, 211, 102, 0.4) !important; background: rgba(37, 211, 102, 0.03) !important; }

/* МОБИЛКА: 1 ПОД ДРУГИМ */
@media (max-width: 850px) { .compare-grid { grid-template-columns: 1fr; } }

/* --- БЛОК ОТЗЫВОВ v11.0 (DEEP GLASS ANTHRACITE) --- */

.live-feedback-section {
    max-width: 1200px;
    margin: 80px auto;
    padding: 0 20px;
}

/* Сетка: 3 в ряд */
.feed-container-v2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* Сама карточка отзыва */
.feed-card-v2 {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 25px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 220px;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.feed-card-v2:hover {
    border-color: rgba(37, 211, 102, 0.3);
    background: rgba(37, 211, 102, 0.05);
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

/* Шапка отзыва (Аватар, Имя, Звезды) */
.feed-user {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.user-avatar {
    font-size: 22px;
    background: rgba(255, 255, 255, 0.05);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.user-name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.user-status {
    font-family: 'Orbitron', sans-serif;
    font-size: 8px;
    color: #25D366;
    letter-spacing: 1px;
    margin-top: 4px;
}

.user-rating {
    margin-left: auto;
    color: #25D366;
    font-size: 11px;
    text-shadow: 0 0 10px rgba(37, 211, 102, 0.5);
}

/* Текст отзыва */
.feed-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.7;
    font-style: italic;
    margin-bottom: 25px;
}

/* Дата и статус рейса внизу */
.feed-date {
    font-family: 'Orbitron', sans-serif;
    font-size: 8px;
    color: rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 15px;
    text-transform: uppercase;
}

/* АДАПТИВНОСТЬ */
@media (max-width: 1000px) {
    .feed-container-v2 { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 650px) {
    .feed-container-v2 { grid-template-columns: 1fr; }
    .feed-card-v2 { padding: 20px; }
}


/* --- КАРТОЧКИ ПРЕИМУЩЕСТВ v12.0 --- */
.benefits-section { max-width: 1200px; margin: 80px auto; padding: 0 20px; }

.benefits-grid-6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 в ряд на ПК */
    gap: 25px;
}

.benefit-card {
    padding: 35px 25px;
    border-radius: 25px;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    text-align: left;
    position: relative;
    overflow: hidden;
}

.benefit-card:hover {
    border-color: rgba(37, 211, 102, 0.4) !important;
    background: rgba(37, 211, 102, 0.04) !important;
    transform: translateY(-7px);
}

.ben-icon {
    font-size: 28px;
    margin-bottom: 20px;
    filter: drop-shadow(0 0 10px rgba(37, 211, 102, 0.3));
}

.ben-title {
    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 13px;
    color: #fff;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.ben-text {
    font-family: 'Montserrat';
    font-size: 11px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.7;
}

/* МОБИЛКА */
@media (max-width: 950px) { .benefits-grid-6 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .benefits-grid-6 { grid-template-columns: 1fr; } }


/* --- ЛЕНТА ВЫПОЛНЕННЫХ РЕЙСОВ v13.0 --- */
.fleet-log-section { max-width: 1000px; margin: 60px auto; padding: 30px; border-radius: 25px; }

.log-table { width: 100%; border-collapse: collapse; margin-top: 20px; }

.log-header-row { 
    display: grid; grid-template-columns: 1fr 2fr 1fr 1fr; 
    padding: 10px 15px; border-bottom: 1px solid rgba(255,255,255,0.05);
}

.log-h { font-family: 'Orbitron'; font-size: 8px; color: rgba(255,255,255,0.3); letter-spacing: 1px; }

.log-row { 
    display: grid; grid-template-columns: 1fr 2fr 1fr 1fr; 
    padding: 15px; border-bottom: 1px solid rgba(255,255,255,0.02);
    align-items: center; transition: 0.3s;
}

.log-row:hover { background: rgba(37, 211, 102, 0.02); }

.log-cell { font-family: 'Montserrat'; font-size: 11px; font-weight: 600; color: #fff; }
.log-cell.date { font-family: 'Orbitron'; font-size: 10px; color: rgba(255,255,255,0.5); }
.log-cell.route { color: #25D366; text-transform: uppercase; }

.status-done { color: #25D366; background: rgba(37,211,102,0.1); padding: 3px 8px; border-radius: 4px; font-size: 8px; font-weight: 900; }
.status-process { color: #ffae00; background: rgba(255,174,0,0.1); padding: 3px 8px; border-radius: 4px; font-size: 8px; font-weight: 900; }

.log-footer { 
    margin-top: 25px; font-family: 'Orbitron'; font-size: 8px; 
    color: rgba(255,255,255,0.2); display: flex; align-items: center; gap: 8px; 
}

/* МОБИЛКА: СКРЫВАЕМ НЕВАЖНОЕ */
@media (max-width: 768px) {
    .log-header-row, .log-row { grid-template-columns: 1fr 2fr 1fr; }
    .log-cell.truck { display: none; }
}


/* --- КИБЕР-РАДАР: HARDCODE CSS v15 --- */
.radar-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.radar-canvas {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(37, 211, 102, 0.02);
    border: 1px solid rgba(37, 211, 102, 0.2);
    position: relative;
    box-shadow: inset 0 0 30px rgba(37, 211, 102, 0.1);
}

/* Кольца сетки */
.r-ring {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(37, 211, 102, 0.1);
    border-radius: 50%;
}
.r-1 { width: 100px; height: 100px; }
.r-2 { width: 200px; height: 200px; }
.r-3 { width: 300px; height: 300px; }

/* Сканирующий луч */
.r-beam {
    position: absolute; top: 50%; left: 50%;
    width: 150px; height: 150px;
    background: conic-gradient(from 0deg at 0% 100%, rgba(37, 211, 102, 0.4) 0deg, transparent 90deg);
    transform-origin: 0% 100%;
    margin-top: -150px; /* Смещение для центровки */
    animation: rotate-beam 4s infinite linear;
    z-index: 5;
    pointer-events: none;
}

@keyframes rotate-beam {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* ТОЧКИ (СВЕТЯЩИЙСЯ НЕОН) */
.c-point {
    position: absolute;
    width: 8px; height: 8px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px #fff;
    z-index: 10;
}

/* Координаты точек */
.center-p { top: 50%; left: 50%; margin: -4px 0 0 -4px; background: #25D366 !important; box-shadow: 0 0 15px #25D366 !important; }
.p-1 { top: 20%; left: 30%; }
.p-2 { top: 40%; left: 70%; }
.p-3 { top: 75%; left: 60%; }
.p-4 { top: 60%; left: 20%; }

/* Названия городов */
.c-point::after {
    content: attr(data-label);
    position: absolute; top: -18px; left: 10px;
    font-family: 'Orbitron', sans-serif;
    font-size: 8px; color: rgba(255, 255, 255, 0.4);
    white-space: nowrap; letter-spacing: 1px;
}

/* Анимация пульсации */
.c-point { animation: p-glow 2s infinite ease-in-out; }
@keyframes p-glow {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.4); opacity: 1; }
}


/* --- ГЕО-РЕЕСТР v17.0 (SYSTEM LOG STYLE) --- */
.highlight-row {
    background: rgba(37, 211, 102, 0.05) !important;
    border-left: 2px solid #25D366;
}

.log-cell.region {
    font-family: 'Orbitron';
    font-size: 9px;
    color: #fff;
    letter-spacing: 1px;
}

.log-cell.hubs {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.5);
}

.log-cell.tags {
    font-family: 'Montserrat';
    font-size: 9px;
    color: #25D366;
    opacity: 0.6;
    font-weight: 700;
}

/* Адаптив для широкого списка тегов */
@media (max-width: 1000px) {
    .log-header-row, .log-row {
        grid-template-columns: 1.5fr 2fr 1fr; /* Прячем теги на планшетах для чистоты */
    }
    .log-cell.tags { display: none; }
}

@media (max-width: 600px) {
    .log-header-row, .log-row {
        grid-template-columns: 1fr 1fr;
    }
    .log-cell.hubs { display: none; }
}


@import url('https://fonts.googleapis.com');

body { background: #050505; color: #fff; font-family: 'Montserrat', sans-serif; margin: 0; overflow-x: hidden; }

/* MASTER HUB */
.master-hub-section { max-width: 1200px; margin: 60px auto; padding: 40px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05); border-radius: 25px; }
.hub-section-inner { display: grid; grid-template-columns: 1.4fr 0.8fr 1fr; gap: 40px; text-align: left; }
.hub-label { font-family: 'Orbitron'; font-size: 10px; color: #25D366; letter-spacing: 2px; font-weight: 900; margin-bottom: 20px; display: block; }
.hub-text { font-size: 13px; line-height: 1.8; color: rgba(255,255,255,0.4); margin: 0; }
.hub-link { font-size: 11px; color: rgba(255,255,255,0.3) !important; text-decoration: none !important; display: block; margin-bottom: 10px; transition: 0.3s; }
.hub-link:hover { color: #25D366 !important; transform: translateX(5px); }
.hub-sat-tags { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sat-tag { font-size: 10px; color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.05); padding: 6px; text-align: center; border-radius: 6px; }

/* FOOTER (ТИТРЫ) */
.main-footer { margin-top: 100px; padding: 80px 20px; border-top: 1px solid rgba(255,255,255,0.05); }
.footer-center-stack { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 50px; }
.footer-logo { font-family: 'Orbitron'; font-size: 28px; letter-spacing: 8px; font-weight: 900; }
.footer-logo span { color: #25D366; }
.footer-tagline, .legal-item, .status-text { font-size: 11px; color: rgba(255,255,255,0.3); max-width: 500px; }
.footer-socials { display: flex; gap: 15px; }
.soc-link { width: 42px; height: 42px; border: 1px solid rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center; font-family: 'Orbitron'; font-size: 10px; text-decoration: none; color: rgba(255,255,255,0.3); transition: 0.3s; }
.soc-link:hover { color: #25D366; border-color: #25D366; background: rgba(37,211,102,0.05); }
.terminal-data { font-family: 'Orbitron'; font-size: 18px; color: rgba(255,255,255,0.5); text-decoration: none; transition: 0.4s; letter-spacing: 2px; }
.terminal-data:hover { color: #25D366 !important; text-shadow: 0 0 20px rgba(37,211,102,0.4); }
.sub-label { font-size: 10px; color: rgba(255,255,255,0.15); margin-bottom: 8px; text-transform: uppercase; display: block; }
.pulse-dot { width: 6px; height: 6px; background: #25D366; border-radius: 50%; display: inline-block; margin-right: 10px; box-shadow: 0 0 10px #25D366; }
.x-sign { color: #25D366; font-weight: 900; }

/* ERROR 404 */
.error-body { height: 100vh; display: flex; align-items: center; justify-content: center; background: #050505; position: relative; }
.error-code { position: absolute; font-family: 'Orbitron'; font-size: 35vw; font-weight: 900; color: rgba(255,255,255,0.03); z-index: 1; pointer-events: none; }
.error-container { position: relative; z-index: 10; text-align: center; }
.error-title { font-size: 54px; font-weight: 900; margin-bottom: 20px; }
.error-title span { color: #25D366; text-shadow: 0 0 15px rgba(37,211,102,0.5); }
.pulse-dot.red { background: #ff3e3e; box-shadow: 0 0 15px #ff3e3e; animation: blink 1.5s infinite; }
@keyframes blink { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }
.back-btn { padding: 15px 35px; border: 1px solid #25D366; color: #25D366; font-family: 'Orbitron'; font-size: 12px; text-decoration: none; transition: 0.4s; }
.back-btn:hover { background: rgba(37,211,102,0.1); box-shadow: 0 0 30px rgba(37,211,102,0.3); }


/* --- КЛАССИЧЕСКИЙ АЛГОРИТМ С НОМЕРАМИ 1234 --- */
.how-works-classic {
    max-width: 1000px;
    margin: 100px auto;
    padding: 0 20px;
}

.steps-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 70px;
}

.work-card {
    display: flex; /* Для выравнивания номера и текста */
    align-items: center;
    gap: 40px;
    padding: 40px 50px;
    border-radius: 35px !important;
    border: 1px solid rgba(255, 255, 255, 0.03);
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.work-card:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(37, 211, 102, 0.2);
    transform: translateX(10px);
}

/* ТОТ САМЫЙ НОМЕР 01-04 */
.step-badge {
    font-family: 'Orbitron', sans-serif;
    font-size: 38px;
    font-weight: 900;
    color: rgba(37, 211, 102, 0.15); /* Тускло-зеленый в покое */
    transition: 0.4s;
    min-width: 60px;
}

.work-card:hover .step-badge {
    color: #25D366;
    text-shadow: 0 0 20px rgba(37, 211, 102, 0.4);
}

.work-label {
    font-family: 'Orbitron', sans-serif;
    font-size: 14px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 900;
    margin-bottom: 12px;
}

.work-text {
    font-size: 13px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.3);
}

/* ТЕХ-УЗЛЫ ВНИЗУ (ЗЕЛЕНЫЕ) */
.bottom-tech-nodes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding-top: 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.node-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 10px;
    color: #25D366;
    letter-spacing: 2px;
    font-weight: 900;
    margin-bottom: 15px;
}

.node-text {
    font-size: 11px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.2);
}

/* Мобильный адаптив */
@media (max-width: 768px) {
    .work-card { flex-direction: column; align-items: flex-start; gap: 20px; padding: 30px; }
    .bottom-tech-nodes { grid-template-columns: 1fr; }
}


/* --- КРУГЛЫЙ КИБЕР-ТЕРМИНАЛ ЗАЯВКИ --- */
.lead-form-section {
    max-width: 900px;
    margin: 100px auto;
    padding: 0 20px;
}

.form-container {
    padding: 70px 60px;
    text-align: center;
    border-radius: 40px; /* СДЕЛАЛИ СИЛЬНОЕ СКРУГЛЕНИЕ КАК У КАРТОЧЕК */
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.form-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 26px;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 900;
}

.form-subtitle {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.3);
    margin-bottom: 50px;
    line-height: 1.6;
}

.cyber-form {
    display: flex;
    flex-direction: column;
    gap: 35px;
    max-width: 480px;
    margin: 0 auto;
}

.input-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.input-label {
    font-family: 'Orbitron', sans-serif;
    font-size: 10px;
    color: #25D366;
    letter-spacing: 3px;
    font-weight: 900;
    padding-left: 10px; /* Сдвиг под скругление */
}

/* СКРУГЛЕННЫЕ ПОЛЯ ВВОДА */
.cyber-form input {
    width: 100%;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 20px 30px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    border-radius: 50px; /* ОВАЛЬНЫЕ ПОЛЯ ВВОДА */
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
}

.cyber-form input:focus {
    border-color: #25D366;
    background: rgba(37, 211, 102, 0.07);
    box-shadow: 0 0 25px rgba(37, 211, 102, 0.15);
}

/* СКРУГЛЕННАЯ КНОПКА */
.submit-btn {
    width: 100%;
    padding: 24px;
    background: #25D366;
    border: none;
    border-radius: 50px; /* КНОПКА-ОВАЛ */
    font-family: 'Orbitron', sans-serif;
    font-size: 14px;
    font-weight: 900;
    color: #000;
    cursor: pointer;
    letter-spacing: 4px;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

.submit-btn:hover {
    background: #fff;
    box-shadow: 0 10px 40px rgba(37, 211, 102, 0.4);
    transform: translateY(-5px);
}

.legal-notice {
    margin-top: 30px;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.15);
    line-height: 1.6;
    padding: 0 20px;
}

/* Адаптив */
@media (max-width: 600px) {
    .form-container { padding: 50px 25px; border-radius: 30px; }
    .form-title { font-size: 20px; }
}


/* ========================================== */
/* МЕГА-СЕРВИС v25: ЛАЗЕРНАЯ ЛИНИЯ АКТИВИРОВАНА */
/* ========================================== */

.mega-service-section {
    max-width: 1200px;
    margin: 100px auto;
    padding: 0 20px;
}

/* Сетка карточек */
.service-grid-mega {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 25px; /* Прижали мониторинг */
}

.service-unit {
    padding: 35px 30px;
    border-radius: 40px !important;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.service-unit:hover {
    background: rgba(37, 211, 102, 0.02);
    border-color: rgba(37, 211, 102, 0.2);
    transform: translateY(-5px);
}

/* Шапка карточки: Заголовок + Иконка */
.unit-head-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    gap: 15px;
}

.unit-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 1px;
    white-space: nowrap;
    flex: 1;
}

.unit-icon-large {
    font-size: 32px;
    filter: drop-shadow(0 0 10px rgba(37, 211, 102, 0.2));
    flex-shrink: 0;
}

.unit-text {
    font-size: 13px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.3);
}

/* Те самые самосветящиеся триггеры */
.green-glow-text {
    color: #25D366 !important;
    text-shadow: 0 0 12px rgba(37, 211, 102, 0.6), 0 0 25px rgba(37, 211, 102, 0.2);
    font-weight: 900;
}

/* ========================================== */
/* МОНИТОРИНГ: ТЕПЕРЬ С ВИДИМОЙ ЛАЗЕРНОЙ ЛИНИЕЙ */
/* ========================================== */

.live-network-status {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 40px;
    border-radius: 100px !important;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.network-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.network-label {
    font-family: 'Orbitron';
    font-size: 9px;
    color: rgba(255, 255, 255, 0.2);
    letter-spacing: 2px;
}

.network-data {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.6);
}

.tonnage-stack {
    display: flex;
    gap: 18px;
    margin-left: auto;
}

.t-node {
    font-family: 'Orbitron';
    font-size: 9px;
    color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    gap: 6px;
}

.t-dot {
    width: 4px; height: 4px;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 0 8px #25D366;
}

/* Пульсирующая точка (АКТИВ) */
.pulse-dot {
    width: 8px; height: 8px;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 0 15px #25D366;
    animation: mega-pulse 2s infinite;
}

@keyframes mega-pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { transform: scale(1.3); box-shadow: 0 0 0 12px rgba(37, 211, 102, 0); }
    100% { transform: scale(1); }
}

/* ТА САМАЯ ЛАЗЕРНАЯ ЛИНИЯ (ИСПРАВЛЕНО) */
.network-progress {
    width: 100%;
    height: 2px; /* Сделали чуть толще для видимости */
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    overflow: hidden;
    position: relative; /* Чтобы дочерний элемент не вылетал */
}

.progress-bar {
    height: 100%;
    background: #25D366; /* Яркий цвет */
    box-shadow: 0 0 15px #25D366, 0 0 5px #fff; /* Двойное свечение */
    animation: laser-move 4s ease-in-out infinite;
}

@keyframes laser-move {
    0% { width: 10%; margin-left: 0%; }
    50% { width: 40%; margin-left: 60%; }
    100% { width: 10%; margin-left: 0%; }
}

@media (max-width: 900px) {
    .service-grid-mega { grid-template-columns: 1fr; }
    .live-network-status { border-radius: 30px !important; padding: 20px; }
    .tonnage-stack { display: none; }
}


/* --- СТИЛИ ОПЕРАТИВНОГО РЕЖИМА (ЛОГИСТ / НОН-СТОП / ТАЙМИНГ) --- */
.ops-mode-section {
    max-width: 1200px;
    margin: 100px auto;
    padding: 0 20px;
}

/* Сетка на 3 колонки */
.ops-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 50px;
}

/* Карточка в стиле Glassmorphism */
.ops-card {
    padding: 45px 35px;
    border-radius: 40px !important; /* Твои любимые скругления */
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    text-align: left;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Эффект при наведении */
.ops-card:hover {
    background: rgba(37, 211, 102, 0.02);
    border-color: rgba(37, 211, 102, 0.3);
    transform: translateY(-10px); /* Плавный подъем вверх */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

/* Верхняя часть карточки (Заголовок + Иконка) */
.ops-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

/* Мелкий технический текст сверху */
.ops-code {
    font-family: 'Orbitron', sans-serif;
    font-size: 10px;
    color: #25D366; /* Наш фирменный зеленый */
    letter-spacing: 3px;
    font-weight: 900;
    text-transform: uppercase;
    opacity: 0.7;
}

/* Иконки-эмодзи */
.ops-icon {
    font-size: 28px;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.1));
}

/* Главный заголовок карточки */
.ops-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 15px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

/* Основной текст описания */
.ops-text {
    font-size: 13px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.35);
    margin: 0;
}

/* Подсветка центральной карточки (НОН-СТОП) */
.ops-card.highlight-border {
    border-color: rgba(37, 211, 102, 0.2);
    background: rgba(37, 211, 102, 0.03);
}

/* Адаптив для мобилок: выстраиваем в один столбик */
@media (max-width: 900px) {
    .ops-grid-3 {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .ops-card {
        padding: 35px 25px;
    }
}


/*<!-- === НАЧАЛО БЛОКА ЭДЕЛИС: ТЕХНИЧЕСКИЙ РЕЕСТР ФЛОТА v2.0 === -->/*
    /* БАЗОВЫЕ СТИЛИ И СЕТКА */
    .fleet-detailed-section {
        max-width: 1200px;
        margin: 100px auto;
        padding: 0 20px;
        color: #fff;
    }

    .fleet-horizontal-container {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 50px;
    }

    /* КАРТОЧКА С ГАРАНТИЕЙ ПЛАВНОСТИ (GPU ACCELERATION) */
    .fleet-horizontal-card {
        display: grid;
        grid-template-columns: 200px 1fr 220px;
        align-items: center;
        padding: 40px;
        border-radius: 40px !important;
        border: 1px solid rgba(255, 255, 255, 0.03);
        background: rgba(255, 255, 255, 0.01);
        backdrop-filter: blur(5px);
        transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        text-align: left;
        will-change: transform, border-color, box-shadow; /* Чтобы летало! */
    }

    /* ЭФФЕКТ ПРИ НАВЕДЕНИИ */
    .fleet-horizontal-card:hover {
        background: rgba(37, 211, 102, 0.04);
        border-color: rgba(37, 211, 102, 0.4);
        box-shadow: 0 0 40px rgba(37, 211, 102, 0.15);
        transform: translateY(-5px) scale(1.01);
    }

    /* ЛЕВАЯ ЗОНА: ХАРАКТЕРИСТИКИ */
    .f-side-specs {
        border-right: 1px solid rgba(255, 255, 255, 0.08);
        padding-right: 30px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .f-icon-main { font-size: 45px; margin-bottom: 10px; }

    /* ЗЕЛЕНОЕ СВЕЧЕНИЕ ДЛЯ ВЫГОДЫ И ТОННАЖА */
    .f-main-payload, .f-price-label, .f-status, .green-glow-text {
        font-family: 'Orbitron', sans-serif;
        color: #25D366 !important;
        text-shadow: 0 0 15px rgba(37, 211, 102, 0.6), 0 0 30px rgba(37, 211, 102, 0.2);
        font-weight: 900;
    }

    .f-main-payload { font-size: 20px; }
    .f-vol { font-size: 11px; color: rgba(255, 255, 255, 0.3); font-family: 'Orbitron'; }

    /* ЦЕНТРАЛЬНАЯ ЗОНА: ИНФО */
    .f-main-info { padding: 0 40px; }
    .f-title-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
    .f-title-row h3 { font-family: 'Orbitron'; font-size: 16px; margin: 0; color: #fff; letter-spacing: 1px; }
    
    .f-status { 
        font-size: 9px; 
        background: rgba(37, 211, 102, 0.12); 
        padding: 4px 12px; 
        border-radius: 6px; 
        letter-spacing: 1px;
    }

    .f-desc { font-size: 14px; line-height: 1.7; color: rgba(255, 255, 255, 0.4); margin-bottom: 20px; }
    .f-desc strong { color: #25D366; text-shadow: 0 0 10px rgba(37, 211, 102, 0.3); }

    .f-options-row { display: flex; gap: 10px; flex-wrap: wrap; }
    .opt-tag {
        font-family: 'Orbitron'; font-size: 9px; color: rgba(255, 255, 255, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.08); padding: 5px 12px; border-radius: 6px;
        transition: 0.3s;
    }
    .opt-tag:hover { border-color: #25D366; color: #25D366; box-shadow: 0 0 10px rgba(37, 211, 102, 0.2); }

    /* ПРАВАЯ ЗОНА: ДЕЙСТВИЕ */
    .f-action-zone { padding-left: 30px; border-left: 1px solid rgba(255, 255, 255, 0.08); text-align: center; }
    .f-price-label { font-size: 15px; margin-bottom: 20px; display: block; }

    .f-order-btn {
        display: block; padding: 16px; background: #25D366; color: #000;
        font-family: 'Orbitron'; font-size: 12px; font-weight: 900;
        text-decoration: none; border-radius: 50px; transition: 0.3s;
        box-shadow: 0 0 20px rgba(37, 211, 102, 0.3);
    }

    .f-order-btn:hover { background: #fff; box-shadow: 0 0 35px rgba(37, 211, 102, 0.7); transform: scale(1.05); }

    /* ВЕРХНИЙ НЕОНОВЫЙ ХЕДЕР */
    .hub-header-mini { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
    .hub-dot-neon { width: 8px; height: 8px; background: #25D366; border-radius: 50%; box-shadow: 0 0 10px #25D366; animation: pulse 2s infinite; }
    .hub-label { font-family: 'Orbitron'; font-size: 10px; color: rgba(255,255,255,0.4); letter-spacing: 2px; }
    .table-header-center { font-family: 'Orbitron'; font-size: 28px; letter-spacing: 2px; margin-bottom: 30px; }

    @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }

    /* АДАПТИВ */
    @media (max-width: 1050px) {
        .fleet-horizontal-card { grid-template-columns: 1fr; text-align: center; gap: 30px; padding: 30px; }
        .f-side-specs, .f-action-zone { border: none; padding: 0; }
        .f-main-info { padding: 0; }
        .f-title-row { flex-direction: column; gap: 10px; }
        .f-options-row { justify-content: center; }
    }


/* === [НАЧАЛО] СТИЛИ: CORE_MONOLITH_CYBER === */

.system-core-section {
    max-width: 1200px;
    margin: 120px auto;
    padding: 0 20px;
    font-family: 'Orbitron', sans-serif;
    color: #fff;
}

/* МОНОЛИТНЫЙ БЛОК */
.core-monolith {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 50px;
    padding: 60px;
    position: relative;
    backdrop-filter: blur(15px);
    transition: 0.5s ease;
    will-change: transform;
}

.core-monolith:hover {
    border-color: rgba(37, 211, 102, 0.4);
    box-shadow: 0 0 50px rgba(37, 211, 102, 0.1);
    transform: translateY(-5px);
}

/* ТЕКСТОВАЯ ЧАСТЬ */
.core-title {
    font-size: 32px;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.text-glow {
    color: #25D366;
    text-shadow: 0 0 20px rgba(37, 211, 102, 0.8);
}

.core-description {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 40px;
}

/* СЕТКА СТАТИСТИКИ */
.core-stats-grid {
    display: flex;
    gap: 50px;
    margin-bottom: 40px;
}

.core-stat-item {
    display: flex;
    flex-direction: column;
}

.stat-value {
    font-size: 42px;
    font-weight: 900;
    color: #25D366;
    text-shadow: 0 0 15px rgba(37, 211, 102, 0.5);
}

.stat-label {
    font-size: 10px;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.3);
    margin-top: 5px;
}

.core-tag {
    font-size: 9px;
    color: rgba(37, 211, 102, 0.6);
    border: 1px solid rgba(37, 211, 102, 0.2);
    padding: 5px 12px;
    border-radius: 4px;
    margin-right: 10px;
}

/* ВИЗУАЛЬНЫЙ СКАНЕР */
.core-visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cyber-scanner-box {
    width: 260px;
    height: 260px;
    background: rgba(37, 211, 102, 0.02);
    border: 1px solid rgba(37, 211, 102, 0.1);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scanner-line {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #25D366;
    box-shadow: 0 0 20px #25D366;
    top: 0;
    animation: core-scan 4s linear infinite;
}

.c-ring {
    position: absolute;
    border: 1px dashed rgba(37, 211, 102, 0.3);
    border-radius: 50%;
    animation: rotate-ring 15s linear infinite;
}
.ring-1 { width: 180px; height: 180px; }
.ring-2 { width: 140px; height: 140px; animation-direction: reverse; }
.ring-3 { width: 100px; height: 100px; border-style: solid; opacity: 0.1; }

.scanner-data {
    text-align: center;
    z-index: 5;
}

.data-text { font-weight: 900; font-size: 18px; color: #fff; text-shadow: 0 0 10px #25D366; }
.data-code { display: block; font-size: 9px; color: #25D366; margin-top: 5px; opacity: 0.6; }

.visual-meta {
    margin-top: 20px;
    font-size: 8px;
    color: rgba(37, 211, 102, 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    letter-spacing: 2px;
}

/* ДЕКОРАТИВНЫЕ УГЛЫ */
.core-corner { position: absolute; width: 30px; height: 30px; border: 2px solid #25D366; opacity: 0.3; }
.tl { top: 20px; left: 20px; border-right: 0; border-bottom: 0; }
.tr { top: 20px; right: 20px; border-left: 0; border-bottom: 0; }
.bl { bottom: 20px; left: 20px; border-right: 0; border-top: 0; }
.br { bottom: 20px; right: 20px; border-left: 0; border-top: 0; }

/* АНИМАЦИИ */
@keyframes core-scan { 0% { top: -5%; } 100% { top: 105%; } }
@keyframes rotate-ring { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* АДАПТИВ */
@media (max-width: 1000px) {
    .core-monolith { grid-template-columns: 1fr; padding: 40px; text-align: center; }
    .core-stats-grid { justify-content: center; }
    .core-visual { margin-top: 40px; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛИ: CYBER_RECEIPT_v5.0 === */

.receipt-section {
    max-width: 1200px;
    margin: 100px auto;
    padding: 0 20px;
    font-family: 'Orbitron', sans-serif;
    color: #fff;
}

.receipt-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
    margin-top: 50px;
}

/* САМ ЧЕК */
.cyber-receipt {
    width: 380px;
    background: rgba(255, 255, 255, 0.02);
    border-left: 1px dashed rgba(37, 211, 102, 0.3);
    border-right: 1px dashed rgba(37, 211, 102, 0.3);
    position: relative;
    padding: 20px 0;
    animation: receipt-slide-in 1s ease-out;
}

/* Перфорация (зубчики) */
.receipt-perforation-top, .receipt-perforation-bottom {
    position: absolute;
    left: 0; width: 100%; height: 10px;
    background-image: radial-gradient(circle, #000 40%, transparent 41%);
    background-size: 15px 15px;
}
.receipt-perforation-top { top: -5px; }
.receipt-perforation-bottom { bottom: -5px; }

.receipt-content { padding: 40px; }

/* Шапка чека */
.r-header { text-align: center; margin-bottom: 25px; }
.r-logo { font-size: 24px; font-weight: 900; letter-spacing: 5px; color: #fff; }
.r-status-label { font-size: 8px; color: #25D366; letter-spacing: 3px; margin-top: 5px; }
.r-date { font-size: 10px; color: rgba(255,255,255,0.3); margin-top: 10px; }

/* Разделители */
.r-divider { border-top: 1px dashed rgba(255,255,255,0.1); margin: 20px 0; }
.r-divider-double { border-top: 3px double rgba(37, 211, 102, 0.3); margin: 25px 0; }

/* Строки данных */
.r-row {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 12px;
    font-family: 'Inter', sans-serif;
    color: rgba(255,255,255,0.7);
}

.r-label { color: rgba(255,255,255,0.3); font-family: 'Orbitron'; font-size: 10px; }
.text-glow { color: #25D366 !important; text-shadow: 0 0 10px rgba(37, 211, 102, 0.5); }

/* Итоговая зона */
.r-total-zone { text-align: center; padding: 10px 0; }
.r-total-label { font-size: 10px; color: rgba(255,255,255,0.5); }
.r-total-value { font-size: 32px; font-weight: 900; color: #25D366; text-shadow: 0 0 20px #25D366; margin: 10px 0; }
.r-tax-note { font-size: 8px; color: rgba(255,255,255,0.3); letter-spacing: 1px; }

/* Футер и кнопка */
.r-barcode {
    display: flex; justify-content: center; gap: 3px; height: 30px; margin-bottom: 15px; opacity: 0.3;
}
.r-barcode span { width: 2px; height: 100%; background: #fff; }
.r-barcode span:nth-child(even) { width: 4px; }

.r-verify-code { font-size: 8px; color: rgba(255,255,255,0.2); text-align: center; margin-bottom: 25px; }

.r-download-btn {
    display: block;
    background: #25D366;
    color: #000;
    text-align: center;
    padding: 15px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 900;
    transition: 0.3s;
}
.r-download-btn:hover { background: #fff; box-shadow: 0 0 20px #25D366; }

/* Боковая инфа */
.receipt-info-side { max-width: 400px; }
.side-title { font-size: 20px; color: #25D366; margin-bottom: 25px; letter-spacing: 2px; }
.side-list { list-style: none; padding: 0; }
.side-list li { margin-bottom: 20px; font-family: 'Inter'; font-size: 15px; line-height: 1.6; color: rgba(255,255,255,0.6); }
.side-list b { color: #fff; font-family: 'Orbitron'; font-size: 13px; display: block; margin-bottom: 5px; }
.side-list span { color: #25D366; margin-right: 10px; }

/* АНИМАЦИИ */
@keyframes receipt-slide-in {
    from { transform: translateY(-50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* АДАПТИВ */
@media (max-width: 900px) {
    .receipt-container { flex-direction: column; gap: 50px; }
    .cyber-receipt { width: 100%; max-width: 380px; }
    .receipt-info-side { text-align: center; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] ПОЛНЫЙ СТИЛЬ: КАРТОЧКА_ЛОГИСТА_v1.2 (ЦЕНТРИРОВАННАЯ) === */

.logist-mini-card {
    /* 1. ПОЗИЦИОНИРОВАНИЕ (ЦЕНТР) */
    display: block;
    margin: 50px auto;      /* Центрирует блок и дает отступы сверху/снизу */
    max-width: 380px;       /* Фиксируем ширину, чтобы не была на весь экран */
    width: 100%;            /* Для адаптивности */
    
    /* 2. ВИЗУАЛ (КИБЕР-СТИЛЬ) */
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(37, 211, 102, 0.15);
    border-radius: 20px;
    padding: 30px;
    font-family: 'Orbitron', sans-serif;
    position: relative;
    backdrop-filter: blur(15px);
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box; /* Чтобы паддинги не ломали ширину */
}

/* ЭФФЕКТ ПРИ НАВЕДЕНИИ */
.logist-mini-card:hover {
    border-color: #25D366;
    box-shadow: 0 0 40px rgba(37, 211, 102, 0.15);
    transform: translateY(-5px);
}

/* ВЕРХНЯЯ ПАНЕЛЬ СТАТУСА (ОНЛАЙН) */
.l-status-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.l-dot-online {
    width: 8px; height: 8px;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 0 12px #25D366;
    animation: l-pulse-glow 2s infinite;
}

.l-status-text {
    font-size: 9px;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* ПРОФИЛЬ (АВАТАР И ТЕКСТ) */
.l-profile-zone {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.l-avatar {
    width: 65px; height: 65px;
    border: 1px solid rgba(37, 211, 102, 0.4);
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.l-avatar-scanner {
    position: absolute;
    width: 100%; height: 2px;
    background: #25D366;
    box-shadow: 0 0 10px #25D366;
    top: 0;
    animation: l-avatar-scan 2.5s linear infinite;
}

.l-icon { font-size: 30px; }

.l-meta { text-align: left; }

.l-name { 
    font-size: 16px; 
    font-weight: 900; 
    color: #25D366; 
    text-shadow: 0 0 10px rgba(37, 211, 102, 0.5);
    letter-spacing: 1px;
}

.l-rank { 
    font-size: 8px; 
    color: rgba(255, 255, 255, 0.3); 
    margin: 6px 0; 
    letter-spacing: 1px;
}

.l-route { 
    font-size: 11px; 
    color: #fff; 
    border-left: 2px solid #25D366; 
    padding-left: 10px; 
    font-weight: 600;
}

/* КНОПКА СВЯЗИ */
.l-contact-btn {
    display: block;
    background: #25D366;
    color: #000;
    text-align: center;
    padding: 16px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
    transition: 0.3s ease;
    text-transform: uppercase;
}

.l-contact-btn:hover {
    background: #fff;
    box-shadow: 0 0 30px rgba(37, 211, 102, 0.6);
    transform: scale(1.02);
}

/* АНИМАЦИИ */
@keyframes l-avatar-scan {
    0% { top: -5%; }
    100% { top: 105%; }
}

@keyframes l-pulse-glow {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.2); }
}

/* АДАПТИВ ПОД МОБИЛКИ */
@media (max-width: 480px) {
    .logist-mini-card {
        max-width: 90%;
        padding: 20px;
    }
}

/* === [КОНЕЦ] СТИЛЕЙ КАРТОЧКИ === */


/* === [НАЧАЛО] СТИЛИ: PANORAMIC_CYBER_NAV === */

@media (max-width: 1023px) {
    .cyber-nav-full { display: none !important; }
}

.cyber-nav-full {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 15px 0;
    background: rgba(10, 10, 10, 0.4);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(37, 211, 102, 0.1);
}

.nav-full-wrapper {
    width: 95%; /* Растягиваем почти на весь экран */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ЛОГОТИП И НЕОНОВЫЙ ЭДЕЛИС */
.nav-pc-logo {
    font-family: 'Orbitron', sans-serif;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo-accent {
    color: #25D366;
    text-shadow: 0 0 15px rgba(37, 211, 102, 0.8), 0 0 30px rgba(37, 211, 102, 0.3);
}

.logo-dot {
    width: 8px; height: 8px;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 0 15px #25D366;
}

/* ПРАВАЯ ЧАСТЬ */
.nav-pc-actions {
    display: flex;
    align-items: center;
    gap: 30px;
}

/* СОЦСЕТИ С ИНДИВИДУАЛЬНОЙ ПОДСВЕТКОЙ */
.nav-socials {
    display: flex;
    gap: 12px;
}

.social-link {
    font-family: 'Orbitron';
    font-size: 10px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 6px 12px;
    border-radius: 4px;
    transition: 0.3s;
}

/* Эффекты при наведении на соцсети */
.vk-glow:hover { color: #0077FF; border-color: #0077FF; box-shadow: 0 0 15px rgba(0, 119, 255, 0.4); background: rgba(0, 119, 255, 0.05); }
.tg-glow:hover { color: #229ED9; border-color: #229ED9; box-shadow: 0 0 15px rgba(34, 158, 217, 0.4); background: rgba(34, 158, 217, 0.05); }
.wa-glow:hover { color: #25D366; border-color: #25D366; box-shadow: 0 0 15px rgba(37, 211, 102, 0.4); background: rgba(37, 211, 102, 0.05); }

/* ТЕЛЕФОН */
.nav-pc-phone {
    font-family: 'Orbitron';
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.nav-pc-phone:hover {
    color: #25D366;
    text-shadow: 0 0 15px #25D366;
}

/* КНОПКА ЗАКАЗА */
.nav-pc-btn {
    font-family: 'Orbitron';
    font-size: 11px;
    font-weight: 900;
    background: #25D366;
    color: #000;
    padding: 15px 30px;
    border-radius: 4px;
    text-decoration: none;
    transition: 0.3s;
    box-shadow: 0 0 20px rgba(37, 211, 102, 0.4);
}

.nav-pc-btn:hover {
    background: #fff;
    box-shadow: 0 0 35px #25D366;
    transform: translateY(-2px);
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛИ: ТАРИФЫ_HORIZONTAL_FINAL === */

.price-table-section {
    max-width: 1200px;
    margin: 80px auto;
    padding: 0 20px;
    font-family: 'Orbitron', sans-serif;
}

.price-list-container {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Увеличил разрыв для чистоты */
}

.price-row-item {
    display: grid;
    grid-template-columns: 280px 1fr 200px 150px;
    align-items: center;
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 20px 30px;
    cursor: pointer;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform, border-color;
}

/* АНИМАЦИЯ ПРИ НАВЕДЕНИИ */
.price-row-item:hover {
    background: rgba(37, 211, 102, 0.02);
    border-color: rgba(37, 211, 102, 0.3);
    transform: translateX(10px);
}

/* --- СТИЛЬ ДЛЯ 1.5Т (ПОПУЛЯРНЫЙ ВЫБОР) --- */
.highlight-row {
    background: rgba(37, 211, 102, 0.03) !important;
    border-color: rgba(37, 211, 102, 0.5) !important;
    box-shadow: 0 0 30px rgba(37, 211, 102, 0.1);
    position: relative;
}

.accent-tag {
    background: #25D366 !important;
    color: #000 !important;
    font-weight: 900;
}

/* КОНТЕНТ СТРОКИ */
.p-tag {
    font-size: 8px;
    padding: 4px 10px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 1px;
}

.p-title { font-size: 16px; margin-top: 8px; color: #fff; }

.p-specs {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.3);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.p-sku { font-family: 'Orbitron'; font-size: 8px; color: #25D366; opacity: 0.5; }

.p-price { text-align: right; padding-right: 30px; }
.p-from { font-size: 10px; color: rgba(255, 255, 255, 0.3); }
.p-amount { font-size: 22px; font-weight: 900; }

/* КНОПКА */
.p-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    padding: 12px;
    border-radius: 6px;
    font-family: 'Orbitron';
    font-size: 10px;
    width: 100%;
    transition: 0.3s;
    cursor: pointer;
}

.price-row-item:hover .p-btn {
    background: #25D366;
    color: #000;
    border-color: #25D366;
    box-shadow: 0 0 20px #25D366;
}

/* Акцентная кнопка в строке 1.5т */
.btn-main {
    background: rgba(37, 211, 102, 0.1);
    border-color: #25D366;
    color: #25D366;
}

/* МОБИЛКА */
@media (max-width: 900px) {
    .price-row-item {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 25px;
        padding: 30px;
    }
    .p-price { text-align: center; padding: 0; }
    .price-row-item:hover { transform: translateY(-5px); }
}

/* === [КОНЕЦ] СТИЛЕЙ === */



/* === [НАЧАЛО] СТИЛИ: HERO_SHIELD_UI === */

.hero-shield-section {
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: radial-gradient(circle at center, rgba(37, 211, 102, 0.08) 0%, transparent 75%);
    padding: 60px 20px;
}

.shield-container {
    max-width: 1200px;
    width: 100%;
}

/* ВЕРХНИЙ ИНДИКАТОР */
.s-status-top {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: rgba(37, 211, 102, 0.05);
    border: 1px solid rgba(37, 211, 102, 0.2);
    padding: 8px 25px;
    border-radius: 50px;
    margin-bottom: 50px;
}

.s-dot-blink {
    width: 8px; height: 8px;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 0 15px #25D366;
    animation: s-blink 1.5s infinite;
}

.s-label {
    font-family: 'Orbitron', sans-serif;
    font-size: 10px;
    letter-spacing: 2px;
    color: #fff;
    opacity: 0.8;
}

/* ГЛАВНЫЙ МАРШРУТ */
.s-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(24px, 5.5vw, 68px);
    font-weight: 900;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.s-city {
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
}

.s-line-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 120px;
}

.s-neon-line {
    width: 100%;
    height: 2px;
    background: #25D366;
    box-shadow: 0 0 20px #25D366, 0 0 40px rgba(37, 211, 102, 0.4);
}

.s-arrow {
    position: absolute;
    right: -10px;
    color: #25D366;
    font-size: 24px;
    text-shadow: 0 0 15px #25D366;
    animation: s-arrow-slide 2s infinite;
}

.s-subtitle {
    font-family: 'Orbitron';
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    letter-spacing: 5px;
    margin-bottom: 60px;
}

/* ПАНЕЛЬ ДАННЫХ (ГОРИЗОНТАЛЬНАЯ) */
.s-data-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    padding: 40px;
    backdrop-filter: blur(15px);
}

.s-data-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.s-data-item:last-child { border: none; }

.s-data-val {
    font-family: 'Orbitron';
    font-size: 24px;
    font-weight: 900;
    color: #fff;
}

.s-data-label {
    font-family: 'Orbitron';
    font-size: 9px;
    color: rgba(255, 255, 255, 0.3);
    letter-spacing: 1px;
}

/* МЕТА-ТЕГИ */
.s-footer-meta {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 30px;
}

.s-meta-item {
    font-family: 'Orbitron';
    font-size: 9px;
    color: rgba(37, 211, 102, 0.5);
    letter-spacing: 2px;
}

/* АНИМАЦИИ */
@keyframes s-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
@keyframes s-arrow-slide {
    0% { transform: translateX(-10px); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translateX(10px); opacity: 0; }
}

/* АДАПТИВ */
@media (max-width: 950px) {
    .s-title { flex-direction: column; gap: 15px; }
    .s-line-wrap { width: 2px; height: 50px; transform: rotate(90deg); margin: 20px 0; }
    .s-data-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
    .s-data-item { border: none; }
    .s-footer-meta { flex-direction: column; align-items: center; gap: 15px; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛИ: RAIL_HORIZONTAL_UI === */

.rail-horizontal-section {
    max-width: 1200px;
    margin: 80px auto;
    padding: 0 20px;
    font-family: 'Orbitron', sans-serif;
}

.rail-list-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
}

.rail-row-item {
    display: grid;
    grid-template-columns: 180px 1fr 180px 160px 140px;
    align-items: center;
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 20px 30px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.rail-row-item:hover {
    background: rgba(37, 211, 102, 0.02);
    border-color: rgba(37, 211, 102, 0.3);
    transform: translateX(10px);
}

.highlight-rail {
    border-color: rgba(37, 211, 102, 0.4);
    background: rgba(37, 211, 102, 0.03);
}

/* Визуальные бары контейнеров */
.rail-visual { display: flex; flex-direction: column; gap: 8px; }
.rail-bar { height: 4px; background: #25D366; box-shadow: 0 0 10px #25D366; border-radius: 2px; }
.s3t { width: 30px; }
.s5t { width: 50px; }
.s20t { width: 100px; }
.s40t { width: 160px; }
.rail-type { font-size: 14px; font-weight: 900; color: #fff; }

/* Инфо и теги */
.rail-info { padding: 0 20px; }
.rail-tags { font-size: 8px; color: rgba(37, 211, 102, 0.6); margin-bottom: 5px; }
.rail-seo-text { font-family: 'Inter'; font-size: 13px; color: rgba(255,255,255,0.4); margin: 0; }

.rail-specs {
    font-size: 11px;
    color: rgba(255,255,255,0.3);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rail-price { text-align: right; padding-right: 20px; }
.p-amount { font-size: 18px; font-weight: 900; }

/* Кнопка */
.rail-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    font-family: 'Orbitron';
    font-size: 10px;
    width: 100%;
    cursor: pointer;
    transition: 0.3s;
}

.rail-row-item:hover .rail-btn {
    background: #25D366;
    color: #000;
    border-color: #25D366;
}

.btn-active { background: rgba(37, 211, 102, 0.15); border-color: #25D366; color: #25D366; }

/* Адаптив */
@media (max-width: 1000px) {
    .rail-row-item { grid-template-columns: 1fr; text-align: center; gap: 20px; }
    .rail-visual { align-items: center; }
    .rail-price { text-align: center; padding: 0; }
    .rail-info { padding: 0; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛИ: TERMINAL_FEEDBACK_v4.0 === */

.terminal-feedback-section {
    max-width: 1100px;
    margin: 100px auto;
    padding: 0 20px;
}

.terminal-window {
    background: #000 !important;
    border: 1px solid rgba(37, 211, 102, 0.25) !important;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0,0,0,0.8), 0 0 20px rgba(37, 211, 102, 0.05);
}

/* ШАПКА ТЕРМИНАЛА */
.terminal-header {
    background: rgba(255, 255, 255, 0.05);
    padding: 12px 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.t-controls { display: flex; gap: 8px; }
.t-dot { width: 10px; height: 10px; border-radius: 50%; opacity: 0.5; }
.red { background: #ff5f56; }
.yellow { background: #ffbd2e; }
.green { background: #27c93f; }

.t-title {
    margin-left: 20px;
    font-family: 'Orbitron';
    font-size: 10px;
    color: rgba(255, 255, 255, 0.3);
    letter-spacing: 1px;
}

/* ТЕЛО ТЕРМИНАЛА */
.terminal-body {
    padding: 30px;
    height: 450px;
    overflow-y: auto;
    font-family: 'Courier New', Courier, monospace; /* Классика консоли */
}

.t-entry {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.6;
    animation: fadeInLog 0.5s ease forwards;
}

.t-time { color: rgba(255, 255, 255, 0.2); margin-right: 10px; }
.t-user { color: #25D366; font-weight: bold; margin-right: 10px; }
.t-msg { color: rgba(255, 255, 255, 0.85); font-style: normal; }

.t-status { color: #25D366; font-weight: 900; text-shadow: 0 0 8px #25D366; }
.t-status-info { color: #0077FF; opacity: 0.8; }

/* КУРСОР */
.t-cursor-line {
    margin-top: 30px;
    display: flex;
    gap: 10px;
    font-size: 14px;
}

.t-path { color: #25D366; opacity: 0.7; }
.t-cursor {
    color: #25D366;
    animation: t-blink 1s infinite;
}

@keyframes t-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
@keyframes fadeInLog { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Стилизация скроллбара под терминал */
.terminal-body::-webkit-scrollbar { width: 4px; }
.terminal-body::-webkit-scrollbar-thumb { background: rgba(37, 211, 102, 0.3); border-radius: 10px; }

/* МОБИЛКА */
@media (max-width: 600px) {
    .t-entry { font-size: 12px; }
    .terminal-body { padding: 15px; height: 350px; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛИ: COMPARE_HORIZONTAL_UI === */

.compare-horizontal-section {
    max-width: 1200px;
    margin: 100px auto;
    padding: 0 20px;
}

.compare-rows-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 50px;
}

/* ОБЩАЯ СТРОКА */
.compare-row-box {
    display: grid;
    grid-template-columns: 280px 1fr 220px;
    align-items: center;
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    padding: 30px 40px;
    position: relative;
    overflow: hidden;
    transition: 0.4s ease;
}

.compare-row-box:hover {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.1);
    transform: translateX(10px);
}

/* ЛЕВАЯ ЧАСТЬ (ШАПКА СТРОКИ) */
.row-header-zone {
    display: flex;
    align-items: center;
    gap: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.row-icon { font-size: 32px; opacity: 0.7; }
.neon-glow { filter: drop-shadow(0 0 10px #25D366); opacity: 1; }

.row-title-meta { text-align: left; }
.meta-tag { font-family: 'Orbitron'; font-size: 9px; color: rgba(255,255,255,0.2); letter-spacing: 2px; }
.row-title { font-family: 'Orbitron'; font-size: 14px; margin-top: 5px; color: #fff; }

/* ЦЕНТРАЛЬНАЯ ЧАСТЬ (ПРЕИМУЩЕСТВА) */
.row-perks-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 40px;
    text-align: left;
}

.perk-item { display: flex; flex-direction: column; gap: 5px; }
.p-val { font-family: 'Orbitron'; font-size: 11px; font-weight: 900; letter-spacing: 1px; color: rgba(255,255,255,0.8); }
.p-text { font-family: 'Inter'; font-size: 13px; color: rgba(255,255,255,0.4); line-height: 1.4; }

/* ПРАВАЯ ЧАСТЬ (ВЕРДИКТ) */
.row-verdict, .row-verdict-green {
    display: flex;
    flex-direction: column;
    text-align: right;
    padding-left: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.05);
}

.v-label { font-family: 'Orbitron'; font-size: 8px; color: rgba(255,255,255,0.2); margin-bottom: 5px; }
.v-text { font-family: 'Orbitron'; font-size: 10px; font-weight: 900; letter-spacing: 1px; }

/* СТИЛЬ ЖД (HIGHLIGHT) */
.highlight-row-green {
    border-color: rgba(37, 211, 102, 0.3);
    background: rgba(37, 211, 102, 0.02);
}

.text-green { color: #25D366 !important; text-shadow: 0 0 10px rgba(37, 211, 102, 0.5); }

.row-verdict-green .v-text { color: #25D366; text-shadow: 0 0 10px #25D366; }

/* Линия сканирования */
.row-scan-line {
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(37, 211, 102, 0.05), transparent);
    animation: row-scan 5s linear infinite;
}

@keyframes row-scan {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* МОБИЛКА */
@media (max-width: 1000px) {
    .compare-row-box { grid-template-columns: 1fr; text-align: center; gap: 30px; }
    .row-header-zone, .row-verdict, .row-verdict-green { border: none; padding: 0; align-items: center; text-align: center; }
    .row-perks-grid { grid-template-columns: 1fr; gap: 20px; padding: 0; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛИ: BENEFITS_SYSTEM_UI === */

.benefits-section {
    max-width: 1200px;
    margin: 100px auto;
    padding: 0 20px;
}

.benefits-grid-6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 колонки на ПК */
    gap: 25px;
    margin-top: 50px;
}

.benefit-card {
    position: relative;
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 40px 30px;
    text-align: left;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    will-change: transform, border-color;
}

/* ЭФФЕКТ АКТИВАЦИИ МОДУЛЯ */
.benefit-card:hover {
    background: rgba(37, 211, 102, 0.03);
    border-color: rgba(37, 211, 102, 0.4);
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.4);
}

/* Порядковый номер (футуристично) */
.ben-num {
    position: absolute;
    top: 20px; right: 25px;
    font-family: 'Orbitron';
    font-size: 14px;
    color: rgba(37, 211, 102, 0.2);
    font-weight: 900;
}

.benefit-card:hover .ben-num {
    color: #25D366;
    text-shadow: 0 0 10px #25D366;
}

/* Иконка и заголовок */
.ben-icon {
    font-size: 32px;
    margin-bottom: 20px;
    filter: grayscale(1) opacity(0.5);
    transition: 0.3s;
}

.benefit-card:hover .ben-icon {
    filter: grayscale(0) opacity(1);
    transform: scale(1.1);
}

.ben-title {
    font-family: 'Orbitron';
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    color: #fff;
}

.ben-text {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.4);
    margin: 0;
}

.ben-text strong {
    color: #25D366;
}

/* АДАПТИВ */
@media (max-width: 1000px) {
    .benefits-grid-6 { grid-template-columns: 1fr 1fr; } /* 2 колонки на планшетах */
}

@media (max-width: 650px) {
    .benefits-grid-6 { grid-template-columns: 1fr; } /* 1 колонка на мобилках */
    .benefit-card { padding: 30px 20px; text-align: center; }
    .ben-num { right: 50%; transform: translateX(50%); top: 10px; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */




/* === [НАЧАЛО] СТИЛЕЙ SHIELD V50 === */

.shield-terminal {
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 32px;
    padding: 70px;
    position: relative;
    backdrop-filter: blur(30px);
}

.shield-status {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
}

.status-glow {
    width: 10px; height: 10px;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 0 15px #25D366;
    animation: shield-blink 2s infinite;
}

.status-code {
    font-family: 'Orbitron';
    font-size: 10px;
    color: #25D366;
    letter-spacing: 3px;
}

.shield-title {
    font-family: 'Orbitron';
    font-size: 32px;
    color: #fff;
    margin-bottom: 50px;
}

.neon-green {
    color: #25D366;
    text-shadow: 0 0 20px rgba(37, 211, 102, 0.4);
}

/* Инпуты */
.shield-inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 50px;
}

.shield-input-group label {
    display: block;
    font-family: 'Orbitron';
    font-size: 10px;
    color: rgba(255,255,255,0.2);
    margin-bottom: 15px;
    letter-spacing: 2px;
}

.shield-input-group input {
    width: 100%;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 22px;
    border-radius: 16px;
    color: #fff;
    font-family: 'Inter';
    transition: 0.3s;
}

.shield-input-group input:focus {
    border-color: #25D366;
    background: rgba(37, 211, 102, 0.05);
    outline: none;
}

/* ГИГАНТСКИЕ ЩИТЫ СТРАХОВАНИЯ */
.insurance-grid-big {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 60px;
}

.shield-item {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 30px 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.shield-item:hover {
    background: rgba(37, 211, 102, 0.05);
    border-color: rgba(37, 211, 102, 0.4);
    transform: translateY(-5px);
}

.shield-icon {
    font-size: 32px;
    filter: drop-shadow(0 0 10px rgba(37, 211, 102, 0.4));
}

.shield-name {
    display: block;
    font-family: 'Orbitron';
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}

.shield-status {
    font-family: 'Orbitron';
    font-size: 8px;
    color: #25D366;
    letter-spacing: 1px;
}

/* Кнопка */
.shield-btn {
    width: 100%;
    background: #25D366;
    border: none;
    padding: 26px;
    border-radius: 18px;
    font-family: 'Orbitron';
    font-weight: 900;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    transition: 0.4s;
    text-transform: uppercase;
}

.shield-btn:hover {
    background: #fff;
    box-shadow: 0 20px 50px rgba(37, 211, 102, 0.4);
    transform: scale(1.01);
}

.shield-legal {
    text-align: center;
    margin-top: 25px;
    font-family: 'Orbitron';
    font-size: 9px;
    color: rgba(255,255,255,0.2);
    letter-spacing: 2px;
}

@keyframes shield-blink {
    0% { opacity: 0.3; transform: scale(0.9); }
    50% { opacity: 1; transform: scale(1.1); }
    100% { opacity: 0.3; transform: scale(0.9); }
}

@media (max-width: 1024px) {
    .insurance-grid-big { grid-template-columns: 1fr; }
    .shield-inputs { grid-template-columns: 1fr; }
    .shield-terminal { padding: 40px 25px; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛЕЙ РЕЕСТРА ТЕХНИКИ === */

.fleet-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 50px;
}

.fleet-row {
    display: grid;
    grid-template-columns: 80px 200px 1fr 220px;
    align-items: center;
    padding: 30px 45px;
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    backdrop-filter: blur(20px);
}

.fleet-row:hover {
    background: rgba(37, 211, 102, 0.03);
    border-color: rgba(37, 211, 102, 0.4);
    transform: translateX(10px);
    box-shadow: -15px 15px 40px rgba(0,0,0,0.5);
}

.f-side-id {
    font-family: 'Orbitron', sans-serif;
    font-size: 10px;
    color: rgba(37, 211, 102, 0.2);
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.fleet-row:hover .f-side-id { color: #25D366; text-shadow: 0 0 10px #25D366; }

.f-specs {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    padding-left: 30px;
}

.f-payload {
    font-family: 'Orbitron', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    margin-bottom: 8px;
}

.f-volume {
    font-family: 'Orbitron', sans-serif;
    font-size: 12px;
    color: #25D366;
    letter-spacing: 1.5px;
}

.f-main { padding: 0 50px; }

.f-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 15px;
    color: #fff;
    margin-bottom: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.f-text {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.6;
    margin-bottom: 18px;
}

.f-tags { display: flex; gap: 12px; }
.f-tags span {
    font-family: 'Orbitron', sans-serif;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.02);
}

.f-action {
    text-align: right;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    padding-left: 30px;
}

.f-price {
    font-family: 'Orbitron', sans-serif;
    font-size: 15px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
}

.f-btn {
    display: inline-block;
    background: #25D366;
    color: #000;
    padding: 14px 24px;
    border-radius: 12px;
    font-family: 'Orbitron', sans-serif;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    transition: 0.3s;
    letter-spacing: 1.5px;
}

.f-btn:hover {
    background: #fff;
    box-shadow: 0 0 25px rgba(37, 211, 102, 0.6);
    transform: scale(1.05);
}

/* АДАПТИВ */
@media (max-width: 1200px) {
    .f-main { padding: 0 30px; }
    .fleet-row { padding: 25px; }
}

@media (max-width: 992px) {
    .fleet-row { grid-template-columns: 180px 1fr 180px; }
    .f-side-id { display: none; }
}

@media (max-width: 768px) {
    .fleet-row { display: flex; flex-direction: column; text-align: center; gap: 25px; padding: 40px 20px; }
    .f-specs, .f-action { border: none; padding: 0; }
    .f-tags { justify-content: center; }
    .f-btn { width: 100%; box-sizing: border-box; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */



/* === [НАЧАЛО] СТИЛЕЙ ЯДРА СИСТЕМЫ === */

.core-monolith {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(15, 15, 15, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 32px;
    padding: 80px;
    position: relative;
    gap: 60px;
    backdrop-filter: blur(30px);
    overflow: hidden;
}

/* Угловой декор */
.core-corner {
    position: absolute;
    width: 20px; height: 20px;
    border: 2px solid #25D366;
    opacity: 0.4;
}
.tl { top: 25px; left: 25px; border-right: none; border-bottom: none; }
.tr { top: 25px; right: 25px; border-left: none; border-bottom: none; }
.bl { bottom: 25px; left: 25px; border-right: none; border-top: none; }
.br { bottom: 25px; right: 25px; border-left: none; border-top: none; }

/* Левая панель */
.core-info { flex: 1.3; z-index: 5; }

.core-title {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(24px, 4vw, 36px);
    color: #fff;
    margin-bottom: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.core-description {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 50px;
    max-width: 600px;
}

.core-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

.stat-value {
    font-family: 'Orbitron', sans-serif;
    font-size: 42px;
    color: #25D366;
    font-weight: 900;
    text-shadow: 0 0 20px rgba(37, 211, 102, 0.4);
}

.stat-label {
    font-family: 'Orbitron', sans-serif;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.3);
    margin-top: 8px;
    letter-spacing: 2px;
}

.core-tag {
    font-family: 'Orbitron', sans-serif;
    font-size: 9px;
    color: rgba(37, 211, 102, 0.6);
    border: 1px solid rgba(37, 211, 102, 0.2);
    padding: 6px 14px;
    border-radius: 4px;
    margin-right: 10px;
}

/* ПРАВАЯ ПАНЕЛЬ: СКАНЕР И ПЕЧАТЬ */
.core-visual {
    flex: 0.7;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    position: relative;
}

.cyber-scanner-box {
    width: 320px;
    height: 320px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.03);
    overflow: hidden; /* Линия не вылетает */
}

/* Линия сканера (Фикс анимации) */
.scanner-line {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(to bottom, transparent, #25D366, transparent);
    box-shadow: 0 0 25px #25D366;
    z-index: 10;
    animation: scanner_move 4s ease-in-out infinite;
}

/* Кольца */
.c-ring { position: absolute; border: 1px solid rgba(37, 211, 102, 0.1); border-radius: 50%; }
.ring-1 { width: 300px; height: 300px; border-top: 2px solid #25D366; animation: rotate_core 12s linear infinite; }
.ring-2 { width: 240px; height: 240px; border-bottom: 2px solid #25D366; animation: rotate_core 8s linear infinite reverse; }
.ring-3 { width: 180px; height: 180px; border-left: 2px solid rgba(255,255,255,0.1); }

/* Печать ГОСТ */
.military-seal {
    position: absolute;
    width: 140px;
    height: 140px;
    border: 1px dashed rgba(37, 211, 102, 0.4);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(5px);
}

.seal-inner { text-align: center; color: #25D366; font-family: 'Orbitron'; }
.seal-text { font-size: 8px; letter-spacing: 2px; opacity: 0.6; }
.seal-logo { font-size: 20px; font-weight: 900; margin: 5px 0; text-shadow: 0 0 10px #25D366; }
.seal-status { font-size: 10px; border: 1px solid #25D366; padding: 2px 6px; border-radius: 2px; }

.visual-meta {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-family: 'Orbitron';
    font-size: 10px;
    color: #222;
}

/* КЛЮЧЕВЫЕ АНИМАЦИИ */
@keyframes scanner_move {
    0% { transform: translateY(-10px); opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { transform: translateY(330px); opacity: 0; }
}

@keyframes rotate_core {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* АДАПТИВ */
@media (max-width: 1100px) {
    .core-monolith { flex-direction: column; padding: 60px 30px; text-align: center; }
    .core-description { margin: 0 auto 40px; }
    .core-stats-grid { gap: 15px; }
    .core-visual { order: -1; }
    .core-footer-tags { justify-content: center; flex-wrap: wrap; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛЕЙ ЛЬГОТНЫХ ПРОГРАММ === */

.terms-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 50px;
}

.term-card {
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 35px 30px;
    position: relative;
    overflow: hidden;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.term-card:hover {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}

/* Шапка карточки */
.t-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.t-id {
    font-family: 'Orbitron', sans-serif;
    font-size: 9px;
    color: rgba(255, 255, 255, 0.2);
    letter-spacing: 2px;
}

.t-icon {
    font-size: 24px;
    filter: grayscale(1) opacity(0.5);
    transition: 0.3s;
}

.term-card:hover .t-icon {
    filter: grayscale(0) opacity(1);
    transform: scale(1.1);
}

.t-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.t-desc {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 25px;
    flex-grow: 1;
}

.t-desc strong { color: #fff; font-weight: 600; }

.t-footer-status {
    font-family: 'Orbitron', sans-serif;
    font-size: 8px;
    color: rgba(37, 211, 102, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 15px;
    letter-spacing: 1px;
}

/* ВЫДЕЛЕННАЯ КАРТОЧКА (ПЕНСИОНЕРЫ) */
.term-card.highlighted {
    border-color: rgba(37, 211, 102, 0.2);
    background: rgba(37, 211, 102, 0.03);
}

.term-card.highlighted .t-title { color: #25D366; }
.term-card.highlighted .t-footer-status { color: #25D366; }

.term-card.highlighted:hover {
    border-color: #25D366;
    box-shadow: 0 0 30px rgba(37, 211, 102, 0.2);
}

/* Эффект свечения для выделенной карты */
.high-glow {
    position: absolute;
    top: -50px; right: -50px;
    width: 100px; height: 100px;
    background: radial-gradient(circle, rgba(37, 211, 102, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

/* АДАПТИВ */
@media (max-width: 1200px) {
    .terms-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 650px) {
    .terms-grid { grid-template-columns: 1fr; }
    .term-card { padding: 30px 20px; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛЕЙ ГОРИЗОНТАЛЬНЫХ ЛЬГОТ === */

.legal-horizontal-hub {
    background: rgba(15, 15, 15, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 32px;
    padding: 60px;
    position: relative;
    backdrop-filter: blur(20px);
}

.legal-main-header { margin-bottom: 50px; }

.legal-badge {
    font-family: 'Orbitron', sans-serif;
    font-size: 10px;
    color: rgba(37, 211, 102, 0.5);
    letter-spacing: 3px;
    margin-bottom: 15px;
}

.legal-main-title {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(22px, 3vw, 32px);
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(37, 211, 102, 0.6), 0 0 40px rgba(37, 211, 102, 0.2);
}

.legal-divider {
    width: 80px; height: 3px; background: #25D366; margin-top: 25px;
    box-shadow: 0 0 15px #25D366;
}

.legal-stack { display: flex; flex-direction: column; gap: 15px; }

.legal-row {
    display: grid;
    grid-template-columns: 140px 1fr 220px;
    align-items: center;
    padding: 30px;
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.legal-row:hover {
    background: rgba(37, 211, 102, 0.03);
    border-color: rgba(37, 211, 102, 0.4);
    transform: translateX(10px);
}

.highlighted-row { border-left: 4px solid #25D366 !important; background: rgba(37, 211, 102, 0.02) !important; }

/* Тексты и заголовки */
.l-side { text-align: center; }
.l-icon { font-size: 36px; margin-bottom: 10px; filter: drop-shadow(0 0 12px rgba(37, 211, 102, 0.5)); }
.l-tag { font-family: 'Orbitron'; font-size: 9px; color: rgba(37, 211, 102, 0.7); letter-spacing: 1px; }

.l-content { padding: 0 40px; border-left: 1px solid rgba(255,255,255,0.05); }
.l-title { font-family: 'Orbitron'; font-size: 16px; color: #fff; margin-bottom: 12px; letter-spacing: 1.5px; transition: 0.3s; }

.legal-row:hover .l-title { color: #25D366; text-shadow: 0 0 10px rgba(37, 211, 102, 0.8); }

.l-text { font-family: 'Inter'; font-size: 14px; color: rgba(255,255,255,0.4); line-height: 1.7; }
.l-text strong { color: #25D366; font-weight: 600; text-shadow: 0 0 8px rgba(37, 211, 102, 0.3); }

/* Статусы справа */
.l-status-zone { text-align: right; border-left: 1px solid rgba(255,255,255,0.05); padding-left: 35px; }
.l-status-green { font-family: 'Orbitron'; font-size: 10px; color: #25D366; display: block; margin-bottom: 10px; text-shadow: 0 0 10px #25D366; animation: neon-flicker 4s infinite; }
.l-marker { font-family: 'Orbitron'; font-size: 9px; color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.05); padding: 5px 10px; display: inline-block; border-radius: 4px; }

@keyframes neon-flicker {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

@media (max-width: 900px) {
    .legal-row { grid-template-columns: 1fr; gap: 25px; text-align: center; }
    .l-content, .l-status-zone { border: none; padding: 0; }
    .l-status-zone { text-align: center; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛЕЙ РАДАРА === */

.radar-container {
    background: linear-gradient(135deg, #050505 0%, #0f0505 100%);
    border: 1px solid rgba(255, 68, 68, 0.1);
    border-radius: 40px;
    padding: 80px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    gap: 50px;
}

/* Сетка на фоне */
.radar-grid-bg {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: linear-gradient(rgba(255, 68, 68, 0.03) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 68, 68, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    z-index: 1;
}

.radar-content { position: relative; z-index: 5; flex: 1.2; }

.radar-id {
    font-family: 'Orbitron';
    font-size: 10px;
    color: #444;
    letter-spacing: 4px;
    margin-bottom: 20px;
}

.radar-title {
    font-family: 'Orbitron';
    font-size: 38px;
    color: #fff;
    margin-bottom: 20px;
}

.glow-red { color: #ff4444; text-shadow: 0 0 20px rgba(255, 68, 68, 0.6); }

.radar-desc {
    font-family: 'Inter';
    font-size: 17px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 35px;
    max-width: 600px;
}

.radar-desc strong { color: #fff; }

.support-features {
    display: flex;
    gap: 25px;
    margin-bottom: 50px;
}

.s-feat {
    font-family: 'Orbitron';
    font-size: 11px;
    color: rgba(255, 255, 255, 0.3);
}

.s-feat span { color: #ff4444; margin-right: 5px; }

/* КНОПКА РАДАРА */
.radar-sos-btn {
    display: inline-block;
    background: transparent;
    border: 1px solid #ff4444;
    color: #ff4444;
    padding: 22px 45px;
    border-radius: 4px;
    text-decoration: none;
    font-family: 'Orbitron';
    font-weight: 900;
    letter-spacing: 3px;
    position: relative;
    overflow: hidden;
    transition: 0.4s;
}

.radar-sos-btn:hover {
    background: #ff4444;
    color: #fff;
    box-shadow: 0 0 40px rgba(255, 68, 68, 0.4);
}

.cta-note {
    font-family: 'Orbitron';
    font-size: 9px;
    color: #333;
    margin-bottom: 15px;
}

/* ВИЗУАЛИЗАЦИЯ РАДАРА */
.radar-visual-box { flex: 0.8; display: flex; justify-content: center; }

.radar-circle {
    width: 300px; height: 300px;
    border: 1px solid rgba(255, 68, 68, 0.1);
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.radar-sweep {
    position: absolute;
    width: 50%; height: 50%;
    background: linear-gradient(45deg, rgba(255, 68, 68, 0.2) 0%, transparent 50%);
    top: 0; left: 50%;
    transform-origin: bottom left;
    animation: radar-spin 4s linear infinite;
}

.radar-blip {
    position: absolute;
    width: 8px; height: 8px;
    background: #ff4444;
    border-radius: 50%;
    top: 30%; right: 25%;
    box-shadow: 0 0 15px #ff4444;
    animation: blip-flash 2s infinite;
}

.blip-2 { top: 60%; left: 20%; animation-delay: 1s; }

.radar-sos-text {
    font-family: 'Orbitron';
    font-size: 24px;
    color: #ff4444;
    font-weight: 900;
    letter-spacing: 5px;
    animation: sos-pulse 2s infinite;
}

/* АНИМАЦИИ */
@keyframes radar-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes blip-flash {
    0%, 100% { opacity: 0.2; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.5); }
}

@keyframes sos-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; }
}

/* АДАПТИВ */
@media (max-width: 1000px) {
    .radar-container { flex-direction: column; padding: 60px 30px; text-align: center; }
    .support-features { justify-content: center; flex-wrap: wrap; }
    .radar-desc { margin: 0 auto 30px; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛЕЙ КОНТАКТНОГО ХАБА === */

.contact-hub-wrapper {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: flex;
    gap: 12px;
    z-index: 10000;
}

.hub-btn {
    width: 100px;
    height: 100px;
    background: rgba(10, 10, 10, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ЭФФЕКТЫ ПРИ НАВЕДЕНИИ (ТОТ САМЫЙ НЕОН) */
.hub-btn:hover {
    transform: translateY(-10px) scale(1.05);
    border-color: #25D366;
    background: rgba(37, 211, 102, 0.05);
    box-shadow: 0 0 30px rgba(37, 211, 102, 0.4);
}

/* Внутренняя линия сканера */
.hub-scan {
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(37, 211, 102, 0.1), transparent);
    animation: hub-scan-move 4s infinite linear;
}

.hub-id {
    font-family: 'Orbitron', sans-serif;
    font-size: 8px;
    color: #333;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.hub-btn:hover .hub-id { color: #25D366; }

.hub-icon {
    font-size: 24px;
    margin-bottom: 8px;
    transition: 0.3s;
}

.hub-label {
    font-family: 'Orbitron', sans-serif;
    font-size: 10px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 1px;
}

.hub-btn:hover .hub-label {
    color: #25D366;
    text-shadow: 0 0 10px #25D366;
}

/* АНИМАЦИИ */
@keyframes hub-scan-move {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* АДАПТИВ ПОД МОБИЛКИ */
@media (max-width: 600px) {
    .contact-hub-wrapper {
        bottom: 20px;
        right: 20px;
        gap: 8px;
    }
    .hub-btn {
        width: 70px;
        height: 70px;
        border-radius: 8px;
    }
    .hub-icon { font-size: 18px; }
    .hub-label, .hub-id { font-size: 7px; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛЕЙ FLASH CAPTURE === */

.flash-capture-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(37, 211, 102, 0.02);
    border: 1px solid rgba(37, 211, 102, 0.2);
    border-radius: 20px;
    padding: 30px 50px;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(15px);
}

.flash-capture-bar::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(37, 211, 102, 0.05), transparent);
    animation: flash-swipe 5s infinite linear;
}

.flash-status { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.flash-dot { width: 6px; height: 6px; background: #25D366; border-radius: 50%; box-shadow: 0 0 10px #25D366; animation: flash-blink 1s infinite; }
.flash-label { font-family: 'Orbitron'; font-size: 8px; color: #333; letter-spacing: 2px; }

.flash-content { display: flex; align-items: center; gap: 40px; flex-grow: 1; justify-content: center; }

.flash-title {
    font-family: 'Orbitron';
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
}

.flash-mini-form { display: flex; gap: 15px; }

.flash-input {
    background: rgba(0,0,0,0.3);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 8px;
    padding: 12px 20px;
    color: #fff;
    font-family: 'Inter';
    width: 220px;
    outline: none;
    transition: 0.3s;
}

.flash-input:focus { border-color: #25D366; background: rgba(37, 211, 102, 0.05); }

.flash-btn {
    background: #25D366;
    color: #000;
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-family: 'Orbitron';
    font-weight: 900;
    font-size: 11px;
    cursor: pointer;
    transition: 0.3s;
}

.flash-btn:hover { background: #fff; box-shadow: 0 0 20px #25D366; transform: scale(1.05); }

.flash-meta { font-family: 'Orbitron'; font-size: 8px; color: #222; text-align: right; }

@keyframes flash-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
@keyframes flash-swipe { 0% { left: -100%; } 100% { left: 200%; } }

@media (max-width: 1000px) {
    .flash-capture-bar { flex-direction: column; gap: 30px; padding: 40px 20px; text-align: center; }
    .flash-content { flex-direction: column; gap: 20px; }
    .flash-mini-form { flex-direction: column; width: 100%; }
    .flash-input { width: 100%; box-sizing: border-box; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] СТИЛЕЙ FLASH_CAPTURE_V23 === */

.flash-capture-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(15, 15, 15, 0.8);
    border: 1px solid rgba(37, 211, 102, 0.2);
    border-radius: 20px;
    padding: 35px 50px;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(15px);
    will-change: transform; /* Подсказка браузеру для плавности */
}

/* Оптимизированный блик через translate3d */
.flash-scan-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 200%; height: 100%;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(37, 211, 102, 0.03) 45%, 
        rgba(37, 211, 102, 0.08) 50%, 
        rgba(37, 211, 102, 0.03) 55%, 
        transparent 100%);
    pointer-events: none;
    animation: flash-slide 6s infinite linear;
    transform: translate3d(-100%, 0, 0);
}

.flash-content {
    display: flex;
    align-items: center;
    gap: 45px;
    flex-grow: 1;
    z-index: 5;
}

.flash-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1.5px;
    margin: 0;
    white-space: nowrap;
}

.text-glow {
    color: #25D366;
    text-shadow: 0 0 15px rgba(37, 211, 102, 0.6);
}

.flash-mini-form {
    display: flex;
    gap: 15px;
    align-items: center;
}

.flash-input {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 15px 25px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    width: 240px;
    outline: none;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.flash-input:focus {
    border-color: #25D366;
    background: rgba(37, 211, 102, 0.05);
    box-shadow: 0 0 15px rgba(37, 211, 102, 0.1);
}

.flash-btn {
    background: #25D366;
    color: #000;
    border: none;
    padding: 15px 30px;
    border-radius: 10px;
    font-family: 'Orbitron', sans-serif;
    font-weight: 900;
    font-size: 11px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: 0.4s;
    position: relative;
}

.flash-btn:hover {
    background: #fff;
    box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4);
    transform: translateY(-2px);
}

.flash-meta {
    display: flex;
    flex-direction: column;
    text-align: right;
    font-family: 'Orbitron', sans-serif;
    font-size: 8px;
    color: #222;
    letter-spacing: 2px;
}

/* АНИМАЦИИ */
@keyframes flash-slide {
    0% { transform: translate3d(-100%, 0, 0); }
    100% { transform: translate3d(100%, 0, 0); }
}

/* АДАПТИВ */
@media (max-width: 1050px) {
    .flash-content { flex-direction: column; gap: 25px; text-align: center; }
    .flash-capture-bar { flex-direction: column; padding: 40px 25px; }
    .flash-meta { display: none; }
}

@media (max-width: 600px) {
    .flash-mini-form { flex-direction: column; width: 100%; }
    .flash-input, .flash-btn { width: 100%; box-sizing: border-box; }
    .flash-title { white-space: normal; line-height: 1.4; }
}

/* === [КОНЕЦ] СТИЛЕЙ === */


/* === [НАЧАЛО] КИБЕР-СТИЛИ МОДАЛКИ v3.1 === */

.modal-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(20px);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 100000;
    opacity: 0;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-overlay.active { opacity: 1; }

.modal-content {
    width: 100%;
    max-width: 500px;
    background: rgba(15, 15, 15, 0.95);
    border: 1px solid rgba(37, 211, 102, 0.2);
    border-radius: 20px;
    padding: 60px 50px;
    position: relative;
    box-shadow: 0 50px 100px rgba(0,0,0,0.8);
    text-align: center;
}

/* Уголки */
.modal-corner { position: absolute; width: 12px; height: 12px; border: 1px solid #25D366; opacity: 0.5; }
.tl { top: 15px; left: 15px; border-right: none; border-bottom: none; }
.tr { top: 15px; right: 15px; border-left: none; border-bottom: none; }
.bl { bottom: 15px; left: 15px; border-right: none; border-top: none; }
.br { bottom: 15px; right: 15px; border-left: none; border-top: none; }

.modal-close {
    position: absolute;
    top: 20px; right: 25px;
    font-family: 'Orbitron';
    font-size: 9px;
    color: #333;
    cursor: pointer;
    letter-spacing: 2px;
}

.modal-status-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 25px;
}

.m-blink { width: 6px; height: 6px; background: #25D366; border-radius: 50%; box-shadow: 0 0 10px #25D366; animation: m-pulse 1s infinite; }
.m-status-txt { font-family: 'Orbitron'; font-size: 10px; color: #25D366; letter-spacing: 2px; }

.modal-title {
    font-family: 'Orbitron';
    font-size: 26px;
    color: #fff;
    margin-bottom: 15px;
}

.neon-green { color: #25D366; text-shadow: 0 0 20px rgba(37, 211, 102, 0.5); }

.modal-specs-wrap {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-family: 'Orbitron';
    font-size: 11px;
    color: rgba(255,255,255,0.3);
    margin-bottom: 30px;
}

.modal-description-box {
    background: rgba(255,255,255,0.02);
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 35px;
    border: 1px solid rgba(255,255,255,0.05);
}

#m_desc { font-family: 'Inter'; font-size: 14px; color: rgba(255,255,255,0.5); line-height: 1.6; }

.m-label {
    display: block;
    font-family: 'Orbitron';
    font-size: 9px;
    color: #444;
    margin-bottom: 12px;
    letter-spacing: 2px;
}

.m-input-field {
    width: 100%;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.1);
    padding: 18px;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    outline: none;
    margin-bottom: 35px;
}

.m-input-field:focus { border-color: #25D366; background: rgba(37, 211, 102, 0.05); }

.m-execute-btn {
    width: 100%;
    background: #25D366;
    color: #000;
    border: none;
    padding: 22px;
    border-radius: 12px;
    font-family: 'Orbitron';
    font-weight: 900;
    font-size: 14px;
    letter-spacing: 2px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: 0.4s;
}

.m-execute-btn:hover { background: #fff; box-shadow: 0 0 30px #25D366; transform: translateY(-3px); }

.modal-footer-info {
    margin-top: 35px;
    font-family: 'Orbitron';
    font-size: 8px;
    color: #222;
}

@keyframes m-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

/* === [КОНЕЦ] СТИЛЕЙ === */


.s-scanner-block {
    background: rgba(0, 0, 0, 0.4);
    border-left: 3px solid #00ff41;
    padding: 15px;
    margin-bottom: 20px;
    font-family: 'Courier New', monospace;
}

.s-scanner-line {
    display: flex;
    justify-content: space-between;
    color: #00ff41;
    font-size: 12px;
    margin-bottom: 8px;
    text-shadow: 0 0 5px rgba(0, 255, 65, 0.5);
}

.s-progress-bar {
    width: 100%;
    height: 4px;
    background: rgba(0, 255, 65, 0.1);
    overflow: hidden;
    position: relative;
}

.s-progress-fill {
    width: 100%;
    height: 100%;
    background: #00ff41;
    box-shadow: 0 0 15px #00ff41;
    /* Анимация имитирует загрузку при заходе */
    animation: loadRoute 2s ease-in-out;
}

.s-node-status {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 10px;
    color: #44d62c;
    opacity: 0.7;
}

@keyframes loadRoute {
    0% { width: 0%; }
    50% { width: 70%; }
    100% { width: 100%; }
}


/* === [СТИЛИ ТЕРМИНАЛА ОТЗЫВОВ] === */

.reviews-terminal {
    background: rgba(255, 255, 255, 0.02);
    border-top: 1px solid rgba(37, 211, 102, 0.1);
    border-bottom: 1px solid rgba(37, 211, 102, 0.1);
    padding: 60px 20px;
}

.terminal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    font-family: 'Orbitron', sans-serif;
}

.t-status { display: flex; align-items: center; gap: 10px; }
.t-pulse { 
    width: 8px; height: 8px; background: #25D366; border-radius: 50%; 
    box-shadow: 0 0 10px #25D366; animation: t-blink 1.5s infinite; 
}
.t-label { font-size: 10px; color: #25D366; letter-spacing: 2px; }
.t-route-id { font-size: 10px; color: #333; }

/* СЕТКА ОТЗЫВОВ */
.reviews-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.review-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 15px;
    transition: 0.3s;
}

.review-card:hover {
    border-color: rgba(37, 211, 102, 0.4);
    background: rgba(37, 211, 102, 0.02);
    transform: translateY(-5px);
}

.r-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.r-author { font-family: 'Orbitron'; font-size: 12px; color: #25D366; }
.r-rating { color: #ffcc00; font-size: 12px; }

.r-text {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.6;
}

/* ФУТЕР БЛОКА */
.terminal-footer-line {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    font-family: 'Orbitron';
    font-size: 8px;
    color: #222;
    border-top: 1px solid rgba(255,255,255,0.03);
    padding-top: 20px;
}

/* АДАПТИВ ПОД АЙФОНЫ */
@media (max-width: 768px) {
    .terminal-header { flex-direction: column; gap: 15px; text-align: center; }
    .reviews-grid { grid-template-columns: 1fr; } /* На мобиле строго в один ряд */
    .review-card { padding: 20px; }
}

@keyframes t-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }







/* === [СТИЛИ ЗАГОЛОВКА ТЕРМИНАЛА] === */
.section-header-terminal {
    width: 100%;
    max-width: 1200px; /* Твоя 12-я сетка */
    margin: 80px auto 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
}

.sht-line {
    width: 60px;
    height: 2px;
    background: #25D366;
    box-shadow: 0 0 15px #25D366;
    margin: 15px 0;
}

.sht-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
}

.sht-dot {
    width: 6px; height: 6px; background: #25D366; border-radius: 50%;
    animation: sht-pulse 2s infinite;
}

.sht-tag {
    font-family: 'Orbitron';
    font-size: 10px;
    color: #444;
    letter-spacing: 3px;
}

.sht-title {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(22px, 5vw, 40px); /* Адаптив под Айфоны */
    font-weight: 900;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1.2;
}

.neon-green {
    color: #25D366;
    text-shadow: 0 0 20px rgba(37, 211, 102, 0.4);
}

.sht-sub {
    font-family: 'Orbitron';
    font-size: 10px;
    color: #222;
    margin-top: 15px;
    letter-spacing: 2px;
}

/* АДАПТИВ ПОД АЙФОНЫ */
@media (max-width: 768px) {
    .section-header-terminal { margin: 50px auto 30px; padding: 0 15px; }
    .sht-title { font-size: 18px; letter-spacing: 1px; }
    .sht-line { width: 40px; }
    .sht-tag, .sht-sub { font-size: 8px; letter-spacing: 1px; }
}

@keyframes sht-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }





/* === [ТВОЙ СТИЛЬ ТЕРМИНАЛА v9.0] === */
.section-header-terminal {
    width: 100%;
    max-width: 1200px;
    margin: 80px auto 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.sht-line {
    width: 60px;
    height: 2px;
    background: #25D366;
    box-shadow: 0 0 15px rgba(37, 211, 102, 0.6);
    margin: 10px 0;
}

.sht-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 12px;
}

.sht-dot {
    width: 6px; height: 6px; 
    background: #25D366; 
    border-radius: 50%;
    box-shadow: 0 0 10px #25D366;
    animation: sht-pulse 1.8s infinite;
}

.sht-tag {
    font-family: 'Orbitron', sans-serif;
    font-size: 10px;
    color: #444;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.sht-title {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(22px, 5vw, 42px); /* Адаптив под мобилки */
    font-weight: 900;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1.3; /* Чтобы строки не слипались */
    margin: 0;
    text-transform: uppercase;
}

.neon-green {
    color: #25D366;
    text-shadow: 0 0 20px rgba(37, 211, 102, 0.4);
    display: inline-block;
    margin-top: 10px;
}

@keyframes sht-pulse { 
    0%, 100% { opacity: 1; transform: scale(1); } 
    50% { opacity: 0.3; transform: scale(0.8); } 
}

/* АДАПТИВ ПОД АЙФОНЫ */
@media (max-width: 768px) {
    .sht-title { font-size: 20px; line-height: 1.2; }
    .sht-line { width: 45px; }
}





/* === [СТИЛИ БЛОКА КОМПЕНСАЦИЙ И ЗАГОЛОВКА] === */

/* 1. Заголовок (уже знакомый нам) */
.section-header-terminal.legal-mod { margin: 100px auto 40px; }

/* 2. Контейнер карточки */
.legal-grid-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 100px;
    padding: 0 20px;
}

.legal-main-card {
    display: flex;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(37, 211, 102, 0.15);
    border-radius: 20px;
    padding: 50px;
    gap: 50px;
    backdrop-filter: blur(10px);
}

.legal-list { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.l-item { display: flex; align-items: center; gap: 15px; }
.l-marker { font-family: 'Orbitron'; font-size: 10px; color: #25D366; letter-spacing: 2px; }
.l-text { font-family: 'Orbitron'; font-size: 14px; font-weight: 700; color: #fff; }

.legal-divider { width: 1px; background: linear-gradient(180deg, transparent, rgba(37, 211, 102, 0.3), transparent); }

.legal-info { flex: 1; display: flex; flex-direction: column; }
.li-header { font-family: 'Orbitron'; font-size: 18px; font-weight: 900; color: #25D366; margin-bottom: 20px; }
.li-tags { display: flex; gap: 12px; margin-bottom: 20px; }
.li-tag { font-family: 'Orbitron'; font-size: 9px; background: rgba(37, 211, 102, 0.1); border: 1px solid rgba(37, 211, 102, 0.2); padding: 5px 12px; border-radius: 4px; color: #fff; }

.li-desc { font-family: 'Montserrat'; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,0.6); margin-bottom: 20px; }
.li-desc b { color: #fff; }

/* КНОПКА С НЕОНОМ */
.li-action-wrap { margin-bottom: 25px; }
.li-btn {
    background: transparent; border: 1px solid #25D366; color: #25D366;
    padding: 12px 25px; font-family: 'Orbitron'; font-size: 10px; font-weight: 900;
    letter-spacing: 2px; cursor: pointer; border-radius: 4px;
    display: flex; align-items: center; gap: 12px; transition: 0.3s;
}
.li-btn-dot { width: 6px; height: 6px; background: #25D366; border-radius: 50%; box-shadow: 0 0 10px #25D366; animation: li-blink 1s infinite; }
.li-btn:hover { background: #25D366; color: #000; box-shadow: 0 0 30px rgba(37, 211, 102, 0.5); }
.li-btn:hover .li-btn-dot { background: #000; box-shadow: none; }

.li-footer { font-family: 'Orbitron'; font-size: 8px; color: #222; letter-spacing: 2px; }

/* АДАПТИВ ПОД АЙФОНЫ */
@media (max-width: 992px) {
    .legal-main-card { flex-direction: column; padding: 30px; gap: 30px; }
    .legal-divider { width: 100%; height: 1px; }
    .li-btn { width: 100%; justify-content: center; }
}

@keyframes li-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }






/* === [СТИЛИ ТЕХНО-МОДУЛЕЙ v15.0 - MAX_POWER] === */

.tech-grid-system {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px; /* Вернули жирный зазор */
    max-width: 1200px; /* Вернули полную сетку */
    margin: 60px auto 100px;
    padding: 0 20px;
}

.tech-card {
    background: rgba(37, 211, 102, 0.03); 
    border: 1px solid rgba(37, 211, 102, 0.35); /* Яркий контур сразу */
    border-radius: 16px;
    padding: 35px 30px; /* Вернули старый жирный размер */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: visible;
    backdrop-filter: blur(10px);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

/* ХОВЕР: КАРТОЧКА ВСПЫХИВАЕТ */
.tech-card:hover {
    background: rgba(37, 211, 102, 0.08);
    border-color: #25D366;
    transform: translateY(-12px); /* Жирный подъем */
    box-shadow: 0 20px 50px rgba(37, 211, 102, 0.25);
}

.tc-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

/* ИКОНКА СЛЕВА И ЕЁ МОЩНЫЙ ВЫЛЕТ */
.tc-icon {
    font-size: 38px; /* Вернули крупную иконку */
    filter: drop-shadow(0 0 10px rgba(37, 211, 102, 0.4));
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: inline-block;
}

.tech-card:hover .tc-icon {
    transform: scale(1.5) translate(-25px, -20px) rotate(-15deg); /* МОЩНЫЙ ВЫЛЕТ ВЛЕВО-ВВЕРХ */
    filter: drop-shadow(0 0 20px #25D366);
}

.tc-num {
    font-family: 'Orbitron';
    font-size: 11px;
    color: #25D366;
    letter-spacing: 2px;
    opacity: 0.6;
}

/* ЗАГОЛОВОК И ТЕКСТ (МАКСИМАЛЬНО ЧИТАЕМО) */
.tc-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 16px; /* Вернули размер */
    font-weight: 900;
    color: #fff;
    margin-bottom: 15px;
    text-shadow: 0 0 10px rgba(37, 211, 102, 0.3);
}

.tc-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px; /* Вернули размер текста */
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.55);
}

.tc-text b { color: #25D366; font-weight: 900; }

/* ФУТЕР - ТЕХНИЧЕСКИЙ НИЗ */
.tc-footer {
    margin-top: 30px;
    font-family: 'Orbitron';
    font-size: 9px;
    color: rgba(37, 211, 102, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 15px;
    text-transform: uppercase;
}

/* СПЕЦИАЛЬНЫЕ КАРТОЧКИ (TECH) */
.tech-card.special { border-color: rgba(255, 204, 0, 0.4); }
.tech-card.special .tc-num { color: #ffcc00; }
.tech-card.special:hover { border-color: #ffcc00; box-shadow: 0 20px 50px rgba(255, 204, 0, 0.2); }
.tech-card.special:hover .tc-icon { filter: drop-shadow(0 0 20px #ffcc00); }

/* АДАПТИВ */
@media (max-width: 1024px) {
    .tech-grid-system { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 650px) {
    .tech-grid-system { grid-template-columns: 1fr; gap: 20px; }
    .tc-title { font-size: 14px; }
    .tech-card:hover .tc-icon { transform: scale(1.3) translate(-15px, -10px); }
}


/* === [СТИЛИ ВОЕННОГО БЛОКА v16.0] === */

/* === [СТИЛИ ВОЕННОГО БЛОКА v16.1] === */

.legal-mod-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 50px !important;
}

/* Все карточки теперь в едином зеленом стиле из базы */
/* (Стили .tech-card подхватятся автоматически из твоего файла) */

/* Тюнинг большой кнопки под блоком */
.legal-action-center {
    display: flex;
    justify-content: center;
    padding: 0 20px 100px;
}

/* === [ТЕРМИНАЛЬНАЯ КНОПКА ГАРАНТИЙ] === */

.legal-action-center {
    display: flex;
    justify-content: center;
    padding: 0 20px 100px;
}

.li-btn.big-neon {
    background: rgba(37, 211, 102, 0.05);
    border: 1px solid #25D366;
    color: #25D366;
    padding: 22px 50px;
    font-family: 'Orbitron', sans-serif;
    font-size: 13px; /* Крупнее шрифт */
    font-weight: 900;
    letter-spacing: 4px;
    border-radius: 0px; /* НИКАКИХ СКРУГЛЕНИЙ, ТОЛЬКО ХАРДКОР */
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    clip-path: polygon(10% 0, 100% 0, 100% 70%, 90% 100%, 0 100%, 0 30%); /* СРЕЗАННЫЕ УГЛЫ */
    box-shadow: inset 0 0 15px rgba(37, 211, 102, 0.2);
}

.li-btn.big-neon:hover {
    background: #25D366;
    color: #000;
    box-shadow: 0 0 50px rgba(37, 211, 102, 0.6);
    transform: scale(1.05); /* Кнопка чуть увеличивается */
}

/* Точка на кнопке теперь - "лазерный прицел" */
.li-btn-dot {
    width: 8px; height: 8px;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 0 15px #25D366;
    animation: li-blink 0.8s infinite;
}

.li-btn.big-neon:hover .li-btn-dot {
    background: #000;
    box-shadow: none;
}

/* Эффект сканирующего блика на кнопке */
.li-btn.big-neon::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: 0.5s;
}

.li-btn.big-neon:hover::after {
    left: 100%;
}

/* АДАПТИВ ПОД АЙФОНЫ */
@media (max-width: 768px) {
    .li-btn.big-neon { 
        width: 100%; 
        font-size: 10px; 
        padding: 20px; 
        clip-path: polygon(5% 0, 100% 0, 100% 80%, 95% 100%, 0 100%, 0 20%);
    }
}


/* АДАПТИВ ПОД АЙФОНЫ */
@media (max-width: 1100px) {
    .legal-mod-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 600px) {
    .legal-mod-grid { grid-template-columns: 1fr !important; }
    .li-btn.big-neon { width: 100%; font-size: 9px; padding: 15px; }
}






/* === [СТИЛИ ПОЛНОЭКРАННОЙ ФОРМЫ] === */
.order-full-section {
    width: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(37, 211, 102, 0.05) 50%, rgba(0,0,0,0) 100%);
    padding: 100px 0;
    border-top: 1px solid rgba(255,255,255,0.02);
}

.order-grid-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

/* Левая часть: Текст */
.oi-header { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.oi-dot { width: 6px; height: 6px; background: #25D366; border-radius: 50%; box-shadow: 0 0 10px #25D366; animation: li-blink 1s infinite; }
.oi-tag { font-family: 'Orbitron'; font-size: 10px; color: #444; letter-spacing: 3px; }

.oi-title { font-family: 'Orbitron'; font-size: 36px; font-weight: 900; color: #fff; line-height: 1.2; margin-bottom: 30px; }

.oi-stats { display: flex; flex-direction: column; gap: 15px; margin-bottom: 30px; }
.oi-stat-item { font-family: 'Orbitron'; font-size: 12px; color: #666; }
.oi-stat-item b { color: #25D366; margin-left: 10px; }

.oi-footer-text { font-family: 'Montserrat'; font-size: 14px; color: rgba(255,255,255,0.3); line-height: 1.6; }

/* Правая часть: Форма */
.order-form-panel {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(37, 211, 102, 0.2);
    padding: 50px;
    border-radius: 20px;
    backdrop-filter: blur(20px);
}

.input-group { margin-bottom: 25px; display: flex; flex-direction: column; gap: 10px; }
.input-group label { font-family: 'Orbitron'; font-size: 9px; color: #25D366; letter-spacing: 2px; }

.cyber-form input, .cyber-form select {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px;
    color: #fff;
    font-family: 'Montserrat';
    outline: none;
    transition: 0.3s;
    border-radius: 4px;
}

.cyber-form input:focus { border-color: #25D366; box-shadow: 0 0 15px rgba(37, 211, 102, 0.2); }

/* КНОПКА ПОДТВЕРЖДЕНИЯ */
.order-execute-btn {
    width: 100%;
    padding: 20px;
    background: #25D366;
    border: none;
    color: #000;
    font-family: 'Orbitron';
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    margin-top: 10px;
}

.order-execute-btn:hover { background: #fff; box-shadow: 0 0 30px #25D366; }

.form-privacy { font-size: 9px; color: #222; text-align: center; margin-top: 20px; font-family: 'Orbitron'; }

/* АДАПТИВ */
@media (max-width: 992px) {
    .order-grid-container { grid-template-columns: 1fr; gap: 40px; }
    .order-form-panel { padding: 30px 20px; }
    .oi-title { font-size: 24px; }
}


/* === [СТИЛИ КИБЕР-СЕЛЕКТА] === */
.cyber-select {
    appearance: none; /* Убираем стандартную стрелочку */
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(37, 211, 102, 0.3) !important;
    color: #fff !important;
    padding: 15px !important;
    cursor: pointer;
    font-family: 'Orbitron', sans-serif;
    font-size: 11px !important;
    letter-spacing: 1px;
    background-image: linear-gradient(45deg, transparent 50%, #25D366 50%), 
                      linear-gradient(135deg, #25D366 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 5px), 
                         calc(100% - 15px) calc(1em + 5px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.cyber-select optgroup {
    background: #000;
    color: #25D366;
    font-size: 10px;
    font-style: normal;
    padding: 10px 0;
}

.cyber-select option {
    background: #0a0a0a;
    color: #fff;
    padding: 10px;
}

.cyber-select:focus {
    border-color: #25D366 !important;
    box-shadow: 0 0 20px rgba(37, 211, 102, 0.2);
    outline: none;
}
/* === [СТИЛИ ЛИНИИ МОНИТОРИНГА] === */
.live-monitoring-bar {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 100px;
    background: rgba(37, 211, 102, 0.05);
    border: 1px solid rgba(37, 211, 102, 0.2);
    border-radius: 50px;
    padding: 15px 30px;
}

.lmb-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Orbitron', sans-serif;
}

.lmb-left { display: flex; align-items: center; gap: 10px; }
.lmb-pulse { 
    width: 8px; height: 8px; background: #25D366; border-radius: 50%; 
    box-shadow: 0 0 10px #25D366; animation: li-blink 1.5s infinite; 
}
.lmb-label { font-size: 10px; color: #444; letter-spacing: 2px; }

.lmb-main { font-size: 13px; color: #fff; letter-spacing: 1px; }
.lmb-city { color: #25D366; font-weight: 900; }
.lmb-count { background: #25D366; color: #000; padding: 2px 8px; border-radius: 4px; margin-left: 5px; }

.lmb-fleet { display: flex; gap: 10px; }
.fleet-tag {
    font-size: 9px;
    color: #25D366;
    border: 1px solid rgba(37, 211, 102, 0.3);
    padding: 3px 8px;
    border-radius: 3px;
}

/* АДАПТИВ */
@media (max-width: 768px) {
    .lmb-container { flex-direction: column; gap: 15px; text-align: center; }
    .lmb-fleet { flex-wrap: wrap; justify-content: center; }
    .live-monitoring-bar { border-radius: 20px; padding: 20px; }
}



/* === [ДОПОЛНЕНИЕ ДЛЯ СЕТКИ КОНТРОЛЯ] === */
.control-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    margin-bottom: 80px !important;
}

/* На планшетах делаем их по 1 в ряд для жирности, если экран меньше 992px */
@media (max-width: 992px) {
    .control-grid {
        grid-template-columns: 1fr !important;
        max-width: 500px; /* Чтобы не были слишком широкими на мобиле */
    }
}



/* === [СТИЛИ РЕЕСТРА ФЛОТА EDELIS] === */
.fleet-stack {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 1200px;
    margin: 40px auto 100px;
    padding: 0 20px;
}

.fleet-row {
    display: grid;
    grid-template-columns: 80px 180px 1fr 200px; /* Четкая сетка на ПК */
    align-items: center;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 20px 30px;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.fleet-row:hover {
    background: rgba(37, 211, 102, 0.04);
    border-color: rgba(37, 211, 102, 0.4);
    transform: translateX(10px); /* Небольшой сдвиг вправо при наведении */
}

/* ЮНИТ_ID слева */
.f-side-id {
    font-family: 'Orbitron';
    font-size: 10px;
    color: #444;
    letter-spacing: 2px;
    writing-mode: vertical-rl; /* Вертикальный текст */
    transform: rotate(180deg);
}

/* Спеки: Вес и Объём */
.f-specs { display: flex; flex-direction: column; gap: 5px; }
.f-payload { font-family: 'Orbitron'; font-size: 18px; font-weight: 900; color: #fff; }
.f-volume { font-family: 'Orbitron'; font-size: 12px; color: #25D366; }

/* Основной контент */
.f-main { padding: 0 40px; }
.f-title { font-family: 'Orbitron'; font-size: 14px; font-weight: 900; color: #fff; margin-bottom: 8px; }
.f-text { font-family: 'Montserrat'; font-size: 13px; color: rgba(255,255,255,0.4); line-height: 1.5; }
.f-tags { display: flex; gap: 10px; margin-top: 12px; }
.f-tags span { font-size: 9px; color: #222; font-family: 'Orbitron'; }

/* Экшен: Цена и Кнопка */
.f-action { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.f-price { font-family: 'Orbitron'; font-size: 14px; font-weight: 900; color: #25D366; }
.f-btn {
    background: #25D366; border: none; padding: 10px 25px; border-radius: 4px;
    font-family: 'Orbitron'; font-size: 11px; font-weight: 900; cursor: pointer; transition: 0.3s;
}
.f-btn:hover { background: #fff; box-shadow: 0 0 20px #25D366; }

/* СТИЛЬ ЖД (ЖЕЛТЫЙ НЕОН) */
.fleet-row.rail-mod { border-color: rgba(255, 204, 0, 0.15); }
.fleet-row.rail-mod:hover { border-color: #ffcc00; background: rgba(255, 204, 0, 0.03); }
.fleet-row.rail-mod .f-volume, .fleet-row.rail-mod .f-price { color: #ffcc00; }
.fleet-row.rail-mod .f-btn { background: #ffcc00; }

/* АДАПТИВ ПОД АЙФОНЫ */
@media (max-width: 992px) {
    .fleet-row { grid-template-columns: 1fr; gap: 20px; text-align: center; padding: 30px 20px; }
    .f-side-id { writing-mode: horizontal-tb; transform: none; margin: 0 auto; }
    .f-action { align-items: center; }
    .f-main { padding: 0; }
    .fleet-row:hover { transform: translateY(-5px); }
}


/* === [ДОПОЛНЕНИЕ ДЛЯ КАРТОЧЕК ФЛОТА] === */

.tc-price-box {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(37, 211, 102, 0.1);
    padding-top: 15px;
}

.tc-price {
    font-family: 'Orbitron';
    font-size: 13px;
    font-weight: 900;
    color: #25D366;
}

.tc-btn {
    background: #25D366;
    border: none;
    color: #000;
    padding: 8px 18px;
    font-family: 'Orbitron';
    font-size: 10px;
    font-weight: 900;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
}

.tc-btn:hover {
    background: #fff;
    box-shadow: 0 0 20px #25D366;
}

/* RAIL КАРТОЧКИ (ЖЕЛТЫЙ НЕОН - ПУСТЬ БУДУТ ЧУТЬ ДРУГИМИ) */
.rail-card {
    border-color: rgba(255, 204, 0, 0.3);
}
.rail-card .tc-price { color: #ffcc00; }
.rail-card .tc-btn { background: #ffcc00; }
.rail-card:hover { border-color: #ffcc00; box-shadow: 0 10px 30px rgba(255, 204, 0, 0.2); }



/* === [СТИЛИ ГОРИЗОНТАЛЬНОГО НЕОНОВОГО РЕЕСТРА] === */
.fleet-neon-stack {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 1200px;
    margin: 40px auto 100px;
    padding: 0 20px;
}

.fleet-row-neon {
    background: rgba(37, 211, 102, 0.02);
    border: 1px solid rgba(37, 211, 102, 0.25);
    border-radius: 12px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
    overflow: visible; /* Для вылета иконки */
    backdrop-filter: blur(10px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
}

.fleet-row-neon:hover {
    background: rgba(37, 211, 102, 0.08);
    border-color: #25D366;
    transform: scale(1.01) translateX(10px); /* Легкий сдвиг вправо */
    box-shadow: -10px 0 30px rgba(37, 211, 102, 0.15);
}

/* ИКОНКА И ЕЁ ВЫЛЕТ */
.fr-icon-wrap {
    min-width: 60px;
    display: flex;
    justify-content: center;
}

.tc-icon {
    font-size: 36px;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    filter: drop-shadow(0 0 10px rgba(37, 211, 102, 0.3));
}

.fleet-row-neon:hover .tc-icon {
    transform: scale(1.4) translate(-25px, -20px) rotate(-10deg); /* ТОТ САМЫЙ ВЫЛЕТ */
    filter: drop-shadow(0 0 20px #25D366);
}

/* ТЕКСТОВАЯ ИНФА */
.fr-info { flex-grow: 1; }
.fr-top { display: flex; align-items: center; gap: 15px; margin-bottom: 8px; }
.fr-id { font-family: 'Orbitron'; font-size: 9px; color: #25D366; opacity: 0.5; letter-spacing: 2px; }
.fr-title { font-family: 'Orbitron'; font-size: 15px; font-weight: 900; color: #fff; margin: 0; }
.fr-desc { font-family: 'Montserrat'; font-size: 13px; color: rgba(255,255,255,0.4); margin: 0; }
.fr-desc b { color: #fff; }

/* КНОПКА И ЦЕНА */
.fr-action { text-align: right; display: flex; flex-direction: column; gap: 10px; min-width: 180px; }
.fr-price { font-family: 'Orbitron'; font-size: 16px; font-weight: 900; color: #25D366; }
.fr-btn {
    background: #25D366; border: none; padding: 10px 25px; border-radius: 4px;
    font-family: 'Orbitron'; font-size: 11px; font-weight: 900; cursor: pointer; transition: 0.3s;
}
.fr-btn:hover { background: #fff; box-shadow: 0 0 20px #25D366; }

/* СПЕЦ-СТИЛЬ ДЛЯ ФУРЫ (ЗОЛОТОЙ НЕОН) */
.special-neon { border-color: rgba(255, 204, 0, 0.3); }
.special-neon .fr-price, .special-neon .fr-id { color: #ffcc00; }
.special-neon:hover { border-color: #ffcc00; box-shadow: -10px 0 30px rgba(255, 204, 0, 0.15); }

/* АДАПТИВ ПОД АЙФОНЫ */
@media (max-width: 850px) {
    .fleet-row-neon { flex-direction: column; text-align: center; gap: 15px; padding: 30px 20px; }
    .fr-action { text-align: center; align-items: center; min-width: auto; }
    .fr-top { flex-direction: column; gap: 5px; }
    .fleet-row-neon:hover { transform: translateY(-5px) translateX(0); }
    .fleet-row-neon:hover .tc-icon { transform: scale(1.2) translateY(-10px); }
}



/* === [CSS: EVOLUTION BLOCK NEON] === */
.evolution-neon-container {
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px;
}

.evo-row-neon {
    background: rgba(37, 211, 102, 0.03);
    border: 1px solid rgba(37, 211, 102, 0.2);
    border-radius: 16px;
    padding: 35px 45px;
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    overflow: visible; /* Для вылета щита */
    backdrop-filter: blur(10px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* ХОВЕР ЭФФЕКТ */
.evo-row-neon:hover {
    background: rgba(37, 211, 102, 0.07);
    border-color: #25D366;
    box-shadow: 0 0 40px rgba(37, 211, 102, 0.15);
    transform: translateY(-5px);
}

/* ИКОНКА-ЩИТ И ВЫЛЕТ */
.evo-icon-wrap {
    min-width: 80px;
    display: flex;
    justify-content: center;
}

.evo-icon {
    font-size: 50px;
    filter: drop-shadow(0 0 15px rgba(37, 211, 102, 0.4));
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.evo-row-neon:hover .evo-icon {
    transform: scale(1.3) translate(-30px, -25px) rotate(-15deg);
    filter: drop-shadow(0 0 25px #25D366);
}

/* КОНТЕНТ */
.evo-info { flex-grow: 1; }
.evo-top { display: flex; align-items: center; gap: 20px; margin-bottom: 12px; }
.evo-id { font-family: 'Orbitron'; font-size: 10px; color: #25D366; opacity: 0.5; letter-spacing: 3px; }
.evo-title { font-family: 'Orbitron'; font-size: 22px; font-weight: 900; color: #fff; margin: 0; text-transform: uppercase; }
.evo-glow { color: #25D366; text-shadow: 0 0 15px #25D366; }

.evo-desc { 
    font-family: 'Montserrat'; font-size: 15px; color: rgba(255,255,255,0.5); 
    margin: 0 0 20px 0; line-height: 1.6; max-width: 600px;
}

.evo-tags { display: flex; gap: 15px; }
.e-tag { font-family: 'Orbitron'; font-size: 9px; color: #25D366; opacity: 0.4; }

/* СТАТИСТИКА */
.evo-stats {
    display: flex;
    gap: 30px;
    border-left: 1px solid rgba(255,255,255,0.1);
    padding-left: 40px;
}

.evo-stat-item { display: flex; flex-direction: column; gap: 5px; }
.stat-num { font-family: 'Orbitron'; font-size: 24px; font-weight: 900; color: #fff; }
.stat-txt { font-size: 9px; color: #444; letter-spacing: 1px; text-transform: uppercase; }

/* МОБИЛКА (ПИЗДАТО) */
@media (max-width: 992px) {
    .evo-row-neon { flex-direction: column; text-align: center; padding: 40px 25px; gap: 25px; }
    .evo-stats { border-left: none; border-top: 1px solid rgba(255,255,255,0.1); padding: 25px 0 0 0; width: 100%; justify-content: center; }
    .evo-top { flex-direction: column; gap: 5px; }
    .evo-icon-wrap { min-width: auto; }
    .evo-row-neon:hover .evo-icon { transform: scale(1.2) translateY(-15px); }
    .evo-desc { max-width: 100%; }
}


/* === [CSS: ULTRA-FAST LEAD FORM] === */
.fast-lead-section {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.lead-row-neon {
    display: flex;
    align-items: center;
    background: rgba(37, 211, 102, 0.03);
    border: 1px solid rgba(37, 211, 102, 0.2);
    border-radius: 12px;
    padding: 15px 35px;
    gap: 30px;
    position: relative;
    overflow: visible;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.lead-row-neon:hover {
    border-color: #25D366;
    background: rgba(37, 211, 102, 0.08);
    box-shadow: 0 0 30px rgba(37, 211, 102, 0.15);
}

/* ЭФФЕКТ МОЛНИИ */
.lead-icon {
    font-size: 30px;
    filter: drop-shadow(0 0 10px #25D366);
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: block;
}

.lead-row-neon:hover .lead-icon {
    transform: scale(1.3) translate(-20px, -15px) rotate(-15deg);
}

/* ИНФО */
.lead-info { font-family: 'Orbitron'; min-width: 220px; }
.lead-title { color: #fff; font-size: 16px; font-weight: 900; letter-spacing: 1px; }
.lead-glow { color: #25D366; text-shadow: 0 0 10px #25D366; }
.lead-status { color: #444; font-size: 8px; letter-spacing: 2px; margin-top: 4px; }

/* ФОРМА ВНУТРИ СТРОКИ */
.lead-form-inline {
    display: flex;
    flex-grow: 1;
    gap: 10px;
}

.lead-input {
    flex-grow: 1;
    background: #000;
    border: 1px solid #222;
    border-radius: 6px;
    padding: 14px 20px;
    color: #fff;
    font-family: 'Orbitron';
    font-size: 13px;
    transition: 0.3s;
}

.lead-input:focus {
    border-color: #25D366;
    outline: none;
    box-shadow: inset 0 0 10px rgba(37, 211, 102, 0.1);
}

.lead-submit-btn {
    background: #25D366;
    color: #000;
    border: none;
    padding: 0 30px;
    border-radius: 6px;
    font-family: 'Orbitron';
    font-weight: 900;
    font-size: 11px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
    white-space: nowrap;
}

.lead-submit-btn:hover {
    background: #fff;
    transform: translateY(-2px);
}

.lead-arr { transition: 0.3s; }
.lead-submit-btn:hover .lead-arr { transform: translateX(5px); }

/* === MOBILE ПИЗДАТО (АДАПТИВ) === */
@media (max-width: 900px) {
    .lead-row-neon {
        flex-direction: column;
        padding: 30px 20px;
        text-align: center;
        gap: 20px;
    }
    
    .lead-icon { margin: 0 auto; }
    .lead-info { min-width: auto; }
    
    .lead-form-inline {
        flex-direction: column;
        width: 100%;
    }
    
    .lead-input { text-align: center; font-size: 16px; padding: 18px; }
    .lead-submit-btn { 
        padding: 20px; 
        justify-content: center; 
        font-size: 14px; 
        box-shadow: 0 5px 20px rgba(37, 211, 102, 0.2);
    }
    
    .lead-row-neon:hover .lead-icon { transform: scale(1.2) translateY(-10px); }
}


/* === [CSS: NEON MODULES GRID] === */
.benefits-grid-container {
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px;
}

.ben-neon-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 колонки на ПК */
    gap: 20px;
}

.ben-card-neon {
    background: rgba(37, 211, 102, 0.02);
    border: 1px solid rgba(37, 211, 102, 0.2);
    border-radius: 16px;
    padding: 35px;
    position: relative;
    overflow: visible;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    backdrop-filter: blur(5px);
}

/* ХОВЕР: GLOW + ПОДЪЕМ */
.ben-card-neon:hover {
    border-color: #25D366;
    background: rgba(37, 211, 102, 0.08);
    transform: translateY(-10px);
    box-shadow: 0 10px 40px rgba(37, 211, 102, 0.15);
}

/* ШАПКА КАРТОЧКИ С ИКОНКОЙ */
.bn-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px;
}

.bn-num {
    font-family: 'Orbitron';
    font-size: 10px;
    color: #25D366;
    opacity: 0.5;
    letter-spacing: 2px;
}

.bn-icon {
    font-size: 32px;
    filter: drop-shadow(0 0 10px rgba(37, 211, 102, 0.3));
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* ВЫЛЕТ ИКОНКИ ВВЕРХ-ВЛЕВО */
.ben-card-neon:hover .bn-icon {
    transform: scale(1.3) translate(-15px, -20px) rotate(-10deg);
    filter: drop-shadow(0 0 20px #25D366);
}

/* ТЕКСТ */
.bn-title {
    font-family: 'Orbitron';
    font-size: 16px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 12px;
    letter-spacing: 1px;
}

.bn-desc {
    font-family: 'Montserrat';
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.6;
    margin: 0;
}

/* === АДАПТИВ (КАРТОЧКИ В ОДИН ВЕРТИКАЛЬНЫЙ РЯД) === */
@media (max-width: 992px) {
    /* На планшетах и мобилках выстраиваем всё в один ряд (одну колонку) */
    .ben-neon-grid { 
        grid-template-columns: 1fr; 
    }

    .ben-card-neon { 
        padding: 30px; 
        text-align: center; 
    }

    .bn-head { 
        justify-content: center; 
        flex-direction: column-reverse; 
        gap: 15px; 
    }

    /* На мобиле вылет иконки делаем просто вверх, чтобы не ломать верстку */
    .ben-card-neon:hover .bn-icon { 
        transform: scale(1.2) translateY(-10px); 
    }
}


/* === [CSS: EDELIS PANORAMIC 80PX GLASS] === */
/* === [CSS: EDELIS NEON GLASS 80PX] === */
/* === [CSS: EDELIS TOTAL NEON 80PX] === */
:root {
    --neon-main: #25D366; /* Твой фирменный ядовитый */
    --h-height: 80px;
}

.cyber-nav-full {
    width: 100%;
    height: var(--h-height);
    background: rgba(10, 10, 10, 0.4); 
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border-bottom: 1px solid rgba(37, 211, 102, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
}

.nav-full-wrapper {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ЛОГОТИП (ПОЛНОСТЬЮ ЗЕЛЕНЫЙ) */
.nav-pc-logo {
    font-family: 'Orbitron', sans-serif;
    font-size: 26px;
    font-weight: 900;
    display: flex;
    align-items: center;
    gap: 12px;
}

.full-neon-text {
    color: var(--neon-main);
    text-shadow: 0 0 15px var(--neon-main), 0 0 30px rgba(37, 211, 102, 0.4);
    letter-spacing: 3px;
}

.logo-dot { 
    width: 10px; height: 10px; 
    background: var(--neon-main); 
    border-radius: 50%; 
    box-shadow: 0 0 15px var(--neon-main); 
}

/* ПРАВАЯ ЧАСТЬ */
.nav-pc-actions {
    display: flex;
    align-items: center;
    gap: 40px;
}

/* СОЦСЕТИ (ЗАСВЕТ ПОЛНЫЙ) */
.nav-socials { display: flex; gap: 20px; }
.social-link {
    font-family: 'Orbitron';
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    color: var(--neon-main);
    text-shadow: 0 0 10px rgba(37, 211, 102, 0.5);
    transition: 0.3s;
    letter-spacing: 1px;
}

.social-link:hover {
    color: #fff;
    text-shadow: 0 0 20px var(--neon-main);
    transform: translateY(-2px);
}

/* ТЕЛЕФОН (ЗАЖГЛИ ЗЕЛЕНЫМ) */
.nav-pc-phone {
    font-family: 'Orbitron';
    font-size: 20px;
    color: var(--neon-main);
    font-weight: 900;
    text-decoration: none;
    text-shadow: 0 0 12px rgba(37, 211, 102, 0.6);
    transition: 0.3s;
}

.nav-pc-phone:hover {
    color: #fff;
    text-shadow: 0 0 20px var(--neon-main);
}

/* КНОПКА */
.nav-pc-btn {
    background: transparent;
    border: 1px solid var(--neon-main);
    padding: 12px 28px;
    color: var(--neon-main);
    font-family: 'Orbitron';
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    border-radius: 4px;
    transition: 0.4s;
    box-shadow: inset 0 0 10px rgba(37, 211, 102, 0.2);
}

.nav-pc-btn:hover {
    background: var(--neon-main);
    color: #000;
    box-shadow: 0 0 30px var(--neon-main);
}

/* МОБИЛКА */
@media (max-width: 1100px) {
    .nav-full-wrapper { padding: 0 20px; }
    .nav-socials, .nav-pc-btn { display: none; } /* Для чистоты на малых экранах */
    .nav-pc-phone { font-size: 18px; }
    .cyber-nav-full { height: 70px; }
}

/* === [АНИМАЦИЯ МИГАЮЩЕЙ ТОЧКИ] === */
.logo-dot { 
    width: 10px; 
    height: 10px; 
    background: var(--neon-main); 
    border-radius: 50%; 
    box-shadow: 0 0 15px var(--neon-main); 
    /* Добавляем анимацию */
    animation: dot-pulse 2s infinite ease-in-out;
}

@keyframes dot-pulse {
    0% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 15px var(--neon-main);
    }
    50% {
        opacity: 0.3;
        transform: scale(0.8);
        box-shadow: 0 0 5px var(--neon-main);
    }
    100% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 15px var(--neon-main);
    }
}


/* === [CSS: COMPACT NEON HUB] === */
.hub-neon-grid.compact-mode {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px; /* Уменьшил зазоры */
    max-width: 1200px; /* Четко как блок сравнения */
    margin: 30px auto; /* Уменьшил отступы сверху/снизу */
    padding: 0 20px;
}

.hub-card-neon {
    background: rgba(37, 211, 102, 0.02);
    border: 1px solid rgba(37, 211, 102, 0.15);
    border-radius: 12px;
    padding: 15px 20px; /* УМЕНЬШИЛ ПАДДИНГИ В 2 РАЗА */
    text-decoration: none;
    position: relative;
    overflow: visible;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* ХОВЕР С ПУЛЬСОМ */
.hub-card-neon:hover {
    border-color: #25D366;
    background: rgba(37, 211, 102, 0.08);
    transform: translateY(-5px); /* Уменьшил подъем */
    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.1);
}

.hc-icon-wrap { margin-bottom: 10px; } /* Уменьшил отступ */
.hc-icon {
    font-size: 28px; /* УМЕНЬШИЛ ИКОНКУ (была 40) */
    display: block;
    filter: drop-shadow(0 0 8px rgba(37, 211, 102, 0.2));
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.hub-card-neon:hover .hc-icon {
    transform: scale(1.2) translate(-15px, -15px) rotate(-10deg); /* Компактный вылет */
    filter: drop-shadow(0 0 15px #25D366);
}

/* ТЕКСТ (КОМПАКТНЫЙ) */
.hc-id { font-family: 'Orbitron'; font-size: 8px; color: #25D366; opacity: 0.4; letter-spacing: 1px; }
.hc-title { font-family: 'Orbitron'; font-size: 13px; font-weight: 900; color: #fff; margin: 5px 0; }
.hc-desc { font-family: 'Montserrat'; font-size: 11px; color: rgba(255,255,255,0.3); margin-bottom: 12px; }

/* СТАТУС */
.hc-status {
    font-family: 'Orbitron'; font-size: 8px; color: #25D366;
    border: 1px solid rgba(37, 211, 102, 0.15); padding: 3px 10px; border-radius: 4px;
}

/* ЦВЕТА */
.tg-mod:hover { border-color: #00d2ff; }
.tg-mod .hc-id, .tg-mod .hc-status { color: #00d2ff; }
.vk-mod:hover { border-color: #4c75a3; }
.vk-mod .hc-id, .vk-mod .hc-status { color: #4c75a3; }

/* === МОБИЛКА: ПОЛНОЕ УДАЛЕНИЕ === */
@media (max-width: 960px) {
    .hub-neon-grid.compact-mode {
        display: none !important;
    }
}





/* === [CSS: COMPARE NEON HORIZONTAL] === */
.compare-neon-section {
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px;
    font-family: 'Orbitron', sans-serif;
}

.compare-row-neon {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    padding: 30px 40px;
    margin-bottom: 20px;
    gap: 40px;
    position: relative;
    overflow: visible; /* Для вылета иконки */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* ОБЩИЙ ХОВЕР */
.compare-row-neon:hover {
    transform: scale(1.01) translateX(15px);
    background: rgba(255, 255, 255, 0.05);
}

/* ИКОНКА И ВЫЛЕТ */
.cr-icon-wrap { min-width: 60px; }
.cr-icon {
    font-size: 42px;
    display: block;
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.compare-row-neon:hover .cr-icon {
    transform: scale(1.4) translate(-35px, -25px) rotate(-15deg);
}

/* ЗАГОЛОВОК */
.cr-title-meta { flex: 1.2; }
.cr-meta { font-size: 9px; opacity: 0.4; letter-spacing: 2px; display: block; margin-bottom: 5px; }
.cr-title { font-size: 18px; color: #fff; font-weight: 900; margin: 0; }

/* ПРЕИМУЩЕСТВА (ГРИД ВНУТРИ СТРОКИ) */
.cr-perks {
    display: flex;
    flex: 2;
    gap: 30px;
    border-left: 1px solid rgba(255,255,255,0.05);
    padding-left: 40px;
}

.p-item { display: flex; flex-direction: column; gap: 5px; }
.p-label { font-size: 10px; font-weight: 900; letter-spacing: 1px; }
.p-desc { font-family: 'Montserrat'; font-size: 12px; color: #666; line-height: 1.4; }

/* ВЕРДИКТ */
.cr-verdict {
    flex: 1;
    text-align: right;
    display: flex;
    flex-direction: column;
}
.v-tag { font-size: 9px; opacity: 0.3; margin-bottom: 5px; }
.v-val { font-size: 14px; font-weight: 900; }

/* --- ВАРИАНТ АВТО (GREEN) --- */
.auto-mod:hover { 
    border-color: #25D366; 
    box-shadow: -15px 0 30px rgba(37, 211, 102, 0.15); 
}
.auto-mod .cr-icon { filter: drop-shadow(0 0 10px rgba(37, 211, 102, 0.3)); }
.auto-mod .p-label, .auto-mod .v-val, .auto-mod .cr-meta { color: #25D366; }

/* --- ВАРИАНТ ЖД (BLUE + SCANNER) --- */
.rail-mod { border-color: rgba(0, 210, 255, 0.2); }
.rail-mod:hover { 
    border-color: #00d2ff; 
    box-shadow: -15px 0 35px rgba(0, 210, 255, 0.2); 
}
.rail-mod .cr-icon { filter: drop-shadow(0 0 10px rgba(0, 210, 255, 0.3)); }
.rail-mod .p-label, .rail-mod .v-val, .rail-mod .cr-meta { color: #00d2ff; }

/* СКАНИРУЮЩИЙ БЛИК ДЛЯ ЖД */
.cr-scan-effect {
    position: absolute;
    top: 0; left: -100%;
    width: 100px; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 210, 255, 0.1), transparent);
    transform: skewX(-20deg);
    animation: rail-scan 4s infinite;
}
@keyframes rail-scan { 0% { left: -100%; } 30% { left: 150%; } 100% { left: 150%; } }

/* === МОБИЛКА (УБИРАЕМ НАХУЙ ИЛИ ДЕЛАЕМ СТЕК) === */
@media (max-width: 960px) {
    .compare-row-neon {
        flex-direction: column;
        text-align: center;
        padding: 40px 20px;
        gap: 25px;
    }
    .cr-perks { 
        flex-direction: column; 
        border-left: none; 
        border-top: 1px solid rgba(255,255,255,0.05); 
        padding: 25px 0 0 0; 
        width: 100%;
    }
    .cr-verdict { text-align: center; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px; width: 100%; }
    .compare-row-neon:hover { transform: translateY(-8px); }
    .compare-row-neon:hover .cr-icon { transform: scale(1.2) translateY(-15px); }
}





/* === [CSS: TRIPLE NEON HUB] === */
.hub-neon-grid.triple-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* СТРОГО 3 В РЯД */
    gap: 20px;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.hub-card-neon {
    background: rgba(37, 211, 102, 0.02);
    border: 1px solid rgba(37, 211, 102, 0.15);
    border-radius: 12px;
    padding: 25px 20px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* ЭФФЕКТЫ ПРИ НАВЕДЕНИИ */
.hub-card-neon:hover {
    transform: translateY(-8px);
    background: rgba(37, 211, 102, 0.05);
    border-color: #25D366;
    box-shadow: 0 15px 30px rgba(37, 211, 102, 0.1);
}

.hc-icon { font-size: 32px; margin-bottom: 15px; display: block; }
.hc-id { font-family: 'Orbitron'; font-size: 8px; color: #25D366; opacity: 0.5; letter-spacing: 1px; }
.hc-title { font-family: 'Orbitron'; font-size: 14px; font-weight: 900; color: #fff; margin: 8px 0; }
.hc-desc { font-family: 'Montserrat'; font-size: 11px; color: rgba(255,255,255,0.4); min-height: 32px; }
.hc-status { 
    font-family: 'Orbitron'; font-size: 9px; color: #25D366; 
    border: 1px solid rgba(37, 211, 102, 0.3); padding: 4px 12px; border-radius: 4px; margin-top: 15px;
}

/* ЦВЕТА МОДОВ */
.tg-mod:hover { border-color: #00d2ff; }
.tg-mod:hover .hc-status, .tg-mod:hover .hc-id { color: #00d2ff; }

.vk-mod:hover { border-color: #4c75a3; }
.vk-mod:hover .hc-status, .vk-mod:hover .hc-id { color: #4c75a3; }

/* === [МОБИЛКА: ПОЛНОЕ УДАЛЕНИЕ] === */
@media (max-width: 960px) {
    .hub-neon-grid.triple-layout {
        display: none !important; /* Убирает блок нахер с мобильных */
    }
}





/* === [CSS: ULTRA-COMPACT NEON HUB] === */
.hub-neon-grid.mini-mode {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 В РЯД */
    gap: 10px; /* Минимальный зазор */
    max-width: 700px; /* Ужал общую ширину блока в 2 раза */
    margin: 20px auto;
    padding: 0 10px;
}

.hub-neon-grid.mini-mode .hub-card-neon {
    padding: 10px 5px; /* Ужатые внутренние отступы */
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(37, 211, 102, 0.1);
    border-radius: 8px;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hub-neon-grid.mini-mode .hc-icon {
    font-size: 20px; /* Уменьшил иконку (была 32-40) */
    margin-bottom: 5px;
}

.hub-neon-grid.mini-mode .hc-title {
    font-size: 11px; /* Мелкий, но читаемый шрифт */
    margin: 2px 0;
    letter-spacing: 0.5px;
}

.hub-neon-grid.mini-mode .hc-id {
    font-size: 7px; /* Совсем крошечный ID */
    opacity: 0.3;
}

.hub-neon-grid.mini-mode .hc-status {
    font-size: 7px;
    padding: 2px 6px;
    margin-top: 8px;
}

/* ХОВЕР (БЕЗ СИЛЬНОГО ПОДЪЕМА) */
.hub-neon-grid.mini-mode .hub-card-neon:hover {
    transform: translateY(-3px);
    background: rgba(37, 211, 102, 0.05);
    border-color: #25D366;
}

/* ЦВЕТА (ТВОИ СТАНДАРТНЫЕ) */
.tg-mod:hover { border-color: #00d2ff !important; }
.vk-mod:hover { border-color: #4c75a3 !important; }

/* МОБИЛКА: ПОЛНОЕ УДАЛЕНИЕ */
@media (max-width: 960px) {
    .hub-neon-grid.mini-mode {
        display: none !important;
    }
}




/* === [CSS: NEON_COMMAND_PAD] === */
.command-pad-wrapper {
    position: fixed;
    bottom: 30px;
    right: 40px; /* Прижали вправо вниз */
    z-index: 10000;
}

.neon-pad-rail {
    display: flex;
    background: rgba(5, 5, 5, 0.8);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 10px;
    gap: 5px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}

.pad-unit {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    min-width: 45px; /* В покое компактно */
}

/* СВЕТОВОЙ ИНДИКАТОР (LED) */
.p-led {
    position: absolute;
    top: 0; left: 0;
    width: 2px; height: 100%;
    background: rgba(255, 255, 255, 0.1);
    transition: 0.3s;
}

.p-icon { font-size: 20px; transition: 0.3s; }

/* СКРЫТЫЕ МЕТКИ */
.p-meta {
    display: flex;
    flex-direction: column;
    width: 0;
    opacity: 0;
    transition: 0.4s;
    overflow: hidden;
}

.p-label { font-family: 'Orbitron'; font-size: 10px; font-weight: 900; color: #fff; }
.p-sub { font-family: 'Orbitron'; font-size: 7px; color: rgba(255,255,255,0.3); letter-spacing: 1px; }

/* ХОВЕР: РАСКРЫТИЕ ЯЧЕЙКИ */
.pad-unit:hover {
    min-width: 130px;
    background: rgba(255, 255, 255, 0.05);
    transform: translateY(-2px);
}

.pad-unit:hover .p-meta { width: 80px; opacity: 1; }

/* ЦВЕТА (ТВОЙ СТИЛЬ) */
.b-blue:hover .p-led { background: #00d2ff; box-shadow: 0 0 10px #00d2ff; }
.b-blue:hover .p-icon { filter: drop-shadow(0 0 8px #00d2ff); }
.b-blue:hover .p-label { color: #00d2ff; }

.b-green:hover .p-led { background: #25D366; box-shadow: 0 0 10px #25D366; }
.b-green:hover .p-icon { filter: drop-shadow(0 0 8px #25D366); }
.b-green:hover .p-label { color: #25D366; }

.b-cyan:hover .p-led { background: #00fff2; box-shadow: 0 0 10px #00fff2; }
.b-cyan:hover .p-icon { filter: drop-shadow(0 0 8px #00fff2); }
.b-cyan:hover .p-label { color: #00fff2; }

/* === [МОБИЛКА: ПОЛНОЕ УДАЛЕНИЕ] === */
@media (max-width: 960px) {
    .command-pad-wrapper { display: none !important; }
}


/* === START: FLEET_LOG_MOBILE_ADAPTIVE === */

/* Основные стили для десктопа (убедись, что они есть) */
.log-table { display: flex; flex-direction: column; width: 100%; }
.log-header-row, .log-row { display: grid; grid-template-columns: 1fr 2fr 1.5fr 1fr; padding: 10px; border-bottom: 1px solid rgba(255,255,255,0.05); }

/* --- МОБИЛЬНАЯ ВЕРСИЯ --- */
@media (max-width: 768px) {
    /* Скрываем заголовки таблицы (шапку) */
    .log-header-row {
        display: none !important;
    }

    /* Каждую строку превращаем в отдельную карточку */
    .log-row {
        display: block; /* Убираем гриды */
        background: rgba(255, 255, 255, 0.02);
        margin-bottom: 15px;
        border: 1px solid rgba(37, 211, 102, 0.1);
        border-radius: 10px;
        padding: 15px;
    }

    /* Стилизуем ячейки внутри карточки */
    .log-cell {
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
        font-size: 13px;
        border-bottom: 1px solid rgba(255,255,255,0.03);
    }

    .log-cell:last-child { border-bottom: none; }

    /* Добавляем подписи слева (через data-label) */
    .log-cell::before {
        content: attr(data-label);
        font-weight: bold;
        color: #25D366; /* Твой неоновый цвет */
        font-size: 10px;
        text-transform: uppercase;
        opacity: 0.7;
    }
    
    .log-footer {
        font-size: 10px;
        text-align: center;
        line-height: 1.4;
    }
}
/* === END: FLEET_LOG_MOBILE_ADAPTIVE === */



/* === START: EDELIS_HUB_V11_STABLE === */

/* 1. ГЛАВНЫЙ ХАБ (3 КОЛОНКИ) */
.hub-section-inner {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr; /* Основная инфа шире */
    gap: 25px;
    padding: 20px;
}

.hub-col {
    background: rgba(255, 255, 255, 0.02);
    border-left: 1px solid rgba(37, 211, 102, 0.2);
    padding: 15px;
}

.hub-label { font-size: 10px; color: #555; letter-spacing: 2px; margin-bottom: 12px; font-weight: 800; }
.hub-text { font-size: 14px; line-height: 1.6; color: #ccc; }
.hub-text strong { color: #25D366; }

/* 2. РОТАТОР И ТЕГИ */
.hub-links-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.hub-link { font-size: 12px; color: #888; text-decoration: none; transition: 0.3s; }
.hub-link:hover { color: #25D366; transform: translateX(5px); }

.hub-sat-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.sat-tag { font-size: 10px; background: rgba(37, 211, 102, 0.05); color: #25D366; padding: 2px 8px; border-radius: 4px; border: 1px solid rgba(37, 211, 102, 0.1); }

/* 3. LIVE МОНИТОРИНГ */
.network-info { display: flex; align-items: center; gap: 15px; padding: 15px; flex-wrap: wrap; }
.green-glow-text { color: #25D366; text-shadow: 0 0 10px rgba(37, 211, 102, 0.5); }
.tonnage-stack { display: flex; gap: 10px; margin-left: auto; }
.t-node { font-size: 11px; color: #555; display: flex; align-items: center; gap: 4px; }
.t-dot { width: 5px; height: 5px; background: #25D366; border-radius: 50%; box-shadow: 0 0 5px #25D366; }

/* 4. АНИМАЦИЯ ПРОГРЕСС-БАРА */
.network-progress { height: 2px; background: rgba(255,255,255,0.05); width: 100%; overflow: hidden; }
.progress-bar { 
    height: 100%; background: #25D366; width: 30%; 
    animation: loadingScan 3s infinite linear; 
}
@keyframes loadingScan { 0% { transform: translateX(-100%); } 100% { transform: translateX(400%); } }

/* --- МОБИЛЬНАЯ ВЕРСИЯ (v11) --- */
@media (max-width: 900px) {
    .hub-section-inner {
        grid-template-columns: 1fr; /* Складываем в одну колонку */
        padding: 10px;
    }
    
    .hub-col {
        border-left: none;
        border-bottom: 1px solid rgba(37, 211, 102, 0.1);
        padding: 20px 0;
    }

    .hub-col:last-child { border-bottom: none; }

    .tonnage-stack {
        width: 100%;
        justify-content: center;
        margin-top: 10px;
    }

    .network-info {
        justify-content: center;
        text-align: center;
    }
}
/* === END: EDELIS_HUB_V11_STABLE === */



/* === START: SEO_TAGS_CLOUD_v12 === */
.seo-tags {
    max-width: 1100px;
    margin: 30px auto;
    padding: 20px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.section-label {
    font-size: 10px;
    color: #555;
    letter-spacing: 2px;
    margin-bottom: 15px;
    font-weight: 800;
    text-transform: uppercase;
}

.tags-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.tags-cloud span {
    font-size: 11px;
    font-family: monospace;
    color: #888;
    background: rgba(255, 255, 255, 0.03);
    padding: 4px 12px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
    cursor: default;
    text-transform: lowercase;
}

/* ЭФФЕКТ ПРИ НАВЕДЕНИИ */
.tags-cloud span:hover {
    color: #25D366;
    border-color: #25D366;
    background: rgba(37, 211, 102, 0.05);
    box-shadow: 0 0 10px rgba(37, 211, 102, 0.2);
    transform: translateY(-2px);
}

/* МОБИЛЬНАЯ ВЕРСИЯ */
@media (max-width: 768px) {
    .tags-cloud {
        gap: 6px;
    }
    .tags-cloud span {
        font-size: 10px;
        padding: 3px 8px;
    }
    .seo-tags {
        margin: 15px;
        padding: 15px;
    }
}
/* === END: SEO_TAGS_CLOUD_v12 === */




/* === START: MOBILE_GLASS_BAR_CSS === */
.mobile-fixed-bar.glass-blur {
    display: none; /* Скрыто на ПК */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    
    /* ЭФФЕКТ СТЕКЛА */
    background: rgba(10, 10, 10, 0.6); /* Полупрозрачный черный */
    backdrop-filter: blur(20px) saturate(180%); /* Глубокий блюр и сочность */
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    
    /* НЕОНОВАЯ ГРАНИЦА СВЕРХУ */
    border-top: 1px solid rgba(37, 211, 102, 0.4);
    box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.1);
    
    z-index: 999999;
    justify-content: space-around;
    align-items: center;
    padding-bottom: env(safe-area-inset-bottom);
}

.m-bar-item {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #fff;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* КРУЖКИ ВОКРУГ ИКОНОК */
.m-circle {
    width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    margin-bottom: 5px;
}

/* ЦЕНТРАЛЬНАЯ КНОПКА (ГЛАВНЫЙ ГЕРОЙ) */
.m-circle-main {
    width: 45px; height: 45px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: #25D366;
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
    box-shadow: 0 0 20px rgba(37, 211, 102, 0.4);
    transform: translateY(-10px); /* Приподнимаем над баром */
    border: 3px solid #000;
}

.m-text {
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    opacity: 0.8;
}

/* ПУЛЬСАЦИЯ ДЛЯ КНОПКИ MAX */
.m-circle-main {
    animation: pulseNeon 2s infinite;
}

@keyframes pulseNeon {
    0% { box-shadow: 0 0 10px rgba(37, 211, 102, 0.4); }
    50% { box-shadow: 0 0 25px rgba(37, 211, 102, 0.8); }
    100% { box-shadow: 0 0 10px rgba(37, 211, 102, 0.4); }
}

/* --- АДАПТИВ --- */
@media (max-width: 960px) {
    .mobile-fixed-bar.glass-blur { display: flex; }
    body { padding-bottom: 85px !important; } /* Чтобы контент не прятался под баром */
}
/* === END: MOBILE_GLASS_BAR_CSS === */
