.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #fcf9f8;
    color: #1b1c1c;
}

h1,
h2,
h3 {
    font-family: 'Manrope', sans-serif;
}

.reference-marquee {
    animation: referenceScroll 36s linear infinite;
}

.reference-logo {
    flex: 0 0 180px;
    /* önemli: her logo slotu sabit genişlikte */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.reference-logo:hover {
    opacity: 1;
}

@keyframes referenceScroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 2rem));
    }
}

.reveal-section {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.reveal-section.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.cta-pulse {
    animation: ctaPulse 1.8s ease-in-out 0.2s infinite;
}

@keyframes ctaPulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.04);
    }
}