/* tos.html — hero */

#banner-section.tos-hero.services-hero,
#banner-section.tos-hero.page-hero {
    background: linear-gradient(160deg, #ffffff 0%, #f1f5f9 35%, #eff6ff 70%, #f8fafc 100%);
}

#banner-section.tos-hero.services-hero::before,
#banner-section.tos-hero.page-hero::before {
    background:
        radial-gradient(circle at 12% 40%, rgba(59, 130, 246, 0.14) 0%, transparent 42%),
        radial-gradient(circle at 88% 24%, rgba(100, 116, 139, 0.12) 0%, transparent 40%),
        radial-gradient(circle at 50% 90%, rgba(99, 102, 241, 0.08) 0%, transparent 38%);
}

#banner-section.tos-hero.services-hero::after,
#banner-section.tos-hero.page-hero::after {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.12) 0%, transparent 70%);
}

html.dark #banner-section.tos-hero.services-hero,
html.dark #banner-section.tos-hero.page-hero {
    background: linear-gradient(160deg, #0f172a 0%, #1e293b 40%, #1e3a5f 70%, #0f172a 100%);
}

html.dark #banner-section.tos-hero.services-hero::before,
html.dark #banner-section.tos-hero.page-hero::before {
    background:
        radial-gradient(circle at 12% 40%, rgba(59, 130, 246, 0.18) 0%, transparent 42%),
        radial-gradient(circle at 88% 24%, rgba(148, 163, 184, 0.1) 0%, transparent 40%);
}

.tos-hero .services-hero-badge,
.tos-hero .page-hero-badge {
    color: #1d4ed8;
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.28);
}

.tos-hero .services-hero-badge::before,
.tos-hero .page-hero-badge::before {
    background: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.35);
}

html.dark .tos-hero .services-hero-badge,
html.dark .tos-hero .page-hero-badge {
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.14);
    border-color: rgba(59, 130, 246, 0.35);
}

.tos-hero .hero-stat-value,
.tos-hero .page-hero-stat-value {
    color: #1e40af;
}

html.dark .tos-hero .hero-stat-value,
html.dark .tos-hero .page-hero-stat-value {
    color: #93c5fd;
}