.page-about .page-hero {
    background:
        radial-gradient(circle at 82% 24%, rgba(37, 99, 235, .15), transparent 28%),
        #f3f8ff;
}

.page-about .panel {
    border-top: 4px solid var(--secondary);
}

.page-about .panel h3 + p {
    margin-top: 10px;
}

.page-about .value-card {
    min-height: 230px;
    transition: transform .18s ease, border-color .18s ease;
}

.page-about .value-card:hover {
    transform: translateY(-4px);
    border-color: #9fc3f4;
}

.page-about .timeline {
    max-width: 920px;
}

.page-about .timeline-item {
    position: relative;
    overflow: hidden;
}

.page-about .timeline-item::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--secondary), #14b8a6);
}

@media (max-width: 640px) {
    .page-about .timeline-item {
        padding-left: 22px;
    }
}