.page-section {
    padding: var(--space-2xl) 0;
}

.page-section--soft {
    background: var(--color-background-soft);
}

.section-heading {
    max-width: 700px;
    margin-bottom: var(--space-xl);
}

.section-heading h1,
.section-heading h2 {
    margin-bottom: var(--space-sm);
    font-size: clamp(28px, 5vw, 40px);
    line-height: 1.2;
}

.section-heading p {
    margin-bottom: 0;
    color: var(--color-text-secondary);
}

.page-hero {
    padding: var(--space-2xl) 0;
    text-align: center;
    background:
        radial-gradient(circle at 15% 30%, rgba(79, 109, 245, 0.12), transparent 26%),
        radial-gradient(circle at 85% 25%, rgba(140, 109, 242, 0.12), transparent 24%),
        var(--color-background-soft);
}

.page-hero__icon {
    display: inline-flex;
    width: 66px;
    height: 66px;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-md);
    color: var(--color-primary);
    background: #ffffff;
    border-radius: 22px;
    box-shadow: var(--shadow-sm);
    font-size: 28px;
}

.page-hero h1 {
    margin-bottom: var(--space-sm);
    font-size: clamp(32px, 6vw, 52px);
    line-height: 1.15;
}

.page-hero p {
    max-width: 720px;
    margin: 0 auto;
    color: var(--color-text-secondary);
    font-size: var(--font-size-lg);
}