/* editing-services.html — hero / banner */

#banner-section.editing-hero.services-hero {
    background: linear-gradient(160deg, #ffffff 0%, #fffbeb 30%, #eff6ff 65%, #f8fafc 100%);
}

#banner-section.editing-hero.services-hero::before {
    background:
        radial-gradient(circle at 14% 36%, rgba(245, 158, 11, 0.16) 0%, transparent 42%),
        radial-gradient(circle at 86% 24%, rgba(14, 165, 233, 0.14) 0%, transparent 40%),
        radial-gradient(circle at 50% 92%, rgba(59, 130, 246, 0.1) 0%, transparent 38%);
}

#banner-section.editing-hero.services-hero::after {
    background: radial-gradient(circle, rgba(245, 158, 11, 0.14) 0%, transparent 70%);
}

html.dark #banner-section.editing-hero.services-hero {
    background: linear-gradient(160deg, #0f172a 0%, #451a03 32%, #0c4a6e 68%, #0f172a 100%);
}

html.dark #banner-section.editing-hero.services-hero::before {
    background:
        radial-gradient(circle at 14% 36%, rgba(245, 158, 11, 0.2) 0%, transparent 42%),
        radial-gradient(circle at 86% 24%, rgba(56, 189, 248, 0.16) 0%, transparent 40%),
        radial-gradient(circle at 50% 92%, rgba(59, 130, 246, 0.12) 0%, transparent 38%);
}

.editing-hero .services-hero-badge {
    color: #b45309;
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.3);
}

.editing-hero .services-hero-badge::before {
    background: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.35);
}

html.dark .editing-hero .services-hero-badge {
    color: #fcd34d;
    background: rgba(245, 158, 11, 0.14);
    border-color: rgba(251, 191, 36, 0.35);
}

.editing-hero .services-hero-title {
    background: linear-gradient(135deg, #0f172a 0%, #b45309 40%, #0369a1 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html.dark .editing-hero .services-hero-title {
    background: linear-gradient(135deg, #f8fafc 0%, #fcd34d 38%, #7dd3fc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.editing-hero .hero-stat-value {
    color: #b45309;
}

html.dark .editing-hero .hero-stat-value {
    color: #fcd34d;
}