/* ============ Базовые блоки страницы ============ */
    .step-card        { background: rgba(20, 20, 37, 0.7); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 20px; overflow: hidden; transition: transform .2s, border-color .2s; }
    .step-card:hover  { transform: translateY(-3px); border-color: rgb(var(--accent-rgb) / .35); box-shadow: 0 0 30px rgb(var(--accent-rgb) / .10); }
    .step-card.is-pay { border-color: rgb(var(--magenta-rgb) / .30); background: rgb(var(--magenta-rgb) / .04); }

    .step-num         { width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; flex-shrink: 0; background: linear-gradient(135deg, rgb(var(--accent-rgb)),  rgb(var(--accent-rgb)  / .7)); box-shadow: 0 4px 20px rgb(var(--accent-rgb)  / .45); }
    .step-num-pay     { width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; flex-shrink: 0; background: linear-gradient(135deg, rgb(var(--magenta-rgb)), rgb(var(--magenta-rgb) / .7)); box-shadow: 0 4px 20px rgb(var(--magenta-rgb) / .45); }

    /* ============ Хедер активатора ============ */
    .firmware-chip    { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 999px; font-size: 14px; font-weight: 500;
                background: rgb(var(--accent-rgb) / .12); border: 1px solid rgb(var(--accent-rgb) / .35); color: rgb(var(--accent2-rgb)); }
    .gradient-title   { background-image: linear-gradient(135deg, rgb(var(--accent2-rgb)), rgb(var(--magenta-rgb))); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
    .neon-glow        { text-shadow: 0 0 12px rgb(var(--accent-rgb) / .6), 0 0 24px rgb(var(--magenta-rgb) / .35); }

    /* ============ Фаза-теги (заголовки секций) ============ */
    .phase-tag        { display: inline-flex; align-items: center; gap: 6px; padding: 5px 14px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
    .phase-tag-accent  { background: rgb(var(--accent-rgb)  / .12); border: 1px solid rgb(var(--accent-rgb)  / .30); color: rgb(var(--accent2-rgb)); }
    .phase-tag-magenta { background: rgb(var(--magenta-rgb) / .12); border: 1px solid rgb(var(--magenta-rgb) / .30); color: rgb(var(--magenta-rgb)); }
    .divider-line     { height: 1px; background: linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / .4), rgb(var(--magenta-rgb) / .4), transparent); flex: 1; }

    /* ============ Карточки фич ============ */
    .feature-card               { background: rgba(20, 20, 37, 0.6); border-radius: 16px; padding: 1.25rem; text-align: center; }
    .feature-card-accent        { border: 1px solid rgb(var(--accent-rgb)  / .25); }
    .feature-card-magenta       { border: 1px solid rgb(var(--magenta-rgb) / .25); }
    .feature-card-warning       { border: 1px solid rgba(245, 158, 11, .25); }
    .feature-icon               { width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto .75rem; }
    .feature-icon-accent        { background: rgb(var(--accent-rgb)  / .18); color: rgb(var(--accent2-rgb)); }
    .feature-icon-magenta       { background: rgb(var(--magenta-rgb) / .18); color: rgb(var(--magenta-rgb)); }
    .feature-icon-warning       { background: rgba(245, 158, 11, .18); color: #facc15; }

    /* ============ Кнопки и ссылки ============ */
    .btn-accent       { display: inline-flex; align-items: center; gap: .75rem; padding: .75rem 1.25rem; border-radius: .75rem; font-size: .875rem; font-weight: 600; transition: transform .2s; background: rgb(var(--accent-rgb) / .14); border: 1px solid rgb(var(--accent-rgb) / .40); color: rgb(var(--accent2-rgb)); box-shadow: 0 0 20px rgb(var(--accent-rgb) / .10); }
    .btn-accent:hover { transform: scale(1.05); }

    .text-magenta     { color: rgb(var(--magenta-rgb)); }
    .text-accent2     { color: rgb(var(--accent2-rgb)); }

    /* ============ Скриншоты ============ */
    .screenshot       { display: flex; align-items: center; justify-content: center; background: #0d0d1a; min-height: 120px; }
    .screenshot img   { max-width: 100%; width: auto; height: auto; display: block; max-height: 400px; object-fit: contain; cursor: zoom-in; }
    html[data-brand="chery"] .screenshot { background: #180505; }

    /* ============ Скидка-блок ============ */
    .promo-banner     { border-radius: 16px; padding: 1.5rem; text-align: center; background: linear-gradient(90deg, rgb(var(--accent-rgb) / .10), rgb(var(--magenta-rgb) / .10), rgb(var(--accent-rgb) / .10)); border: 1px solid rgb(var(--magenta-rgb) / .30); }
    @media (min-width: 768px) { .promo-banner { padding: 2rem; } }
    .promo-tag        { display: inline-flex; align-items: center; gap: .5rem; padding: .375rem .75rem; border-radius: 999px; font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 1rem; background: rgb(var(--magenta-rgb) / .18); border: 1px solid rgb(var(--magenta-rgb) / .35); color: rgb(var(--magenta-rgb)); }
    .promo-link       { display: inline-flex; align-items: center; gap: .5rem; text-decoration: underline; font-weight: 500; color: rgb(var(--accent2-rgb)); }