.story-card,
.value-card,
.compare-card,
.service-panel {
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.story-card:hover,
.value-card:hover,
.compare-card:hover,
.service-panel:hover {
    transform: translateY(-4px);
    border-color: rgba(15, 99, 201, 0.22);
    box-shadow: 0 22px 62px rgba(17, 53, 105, 0.12);
}

.story-card h2,
.value-card h2,
.compare-card h2 {
    font-size: 1.65rem;
}

.value-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.value-card {
    display: grid;
    gap: 0.65rem;
}

.audience-grid > div:first-child {
    max-width: 680px;
}

.audience-list {
    padding: 1.3rem;
    margin: 0;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: 0 18px 56px rgba(17, 53, 105, 0.08);
}

.compare-card,
.service-panel {
    background: rgba(255, 255, 255, 0.84);
}

@media (max-width: 1024px) {
    .value-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .story-card h2,
    .value-card h2,
    .compare-card h2 {
        font-size: 1.38rem;
    }

    .value-grid {
        grid-template-columns: 1fr;
    }
}