:root {
    --syninfci-blue: #0b4f8a;
    --syninfci-blue-dark: #07365f;
    --syninfci-green: #159447;
    --syninfci-orange: #f59a23;
    --syninfci-ink: #172033;
    --syninfci-muted: #657084;
    --syninfci-surface: #f5f7fa;
    --syninfci-white: #ffffff;
    --syninfci-radius: 18px;
    --syninfci-shadow: 0 18px 45px rgba(18, 45, 75, 0.12);
}

body {
    color: var(--syninfci-ink);
}

.syninfci-section {
    padding-block: clamp(3.5rem, 6vw, 6.5rem);
}

.syninfci-card {
    border-radius: var(--syninfci-radius);
    background: var(--syninfci-white);
    box-shadow: var(--syninfci-shadow);
}

.syninfci-kicker {
    color: var(--syninfci-green);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.syninfci-hero-title {
    max-width: 18ch;
    text-wrap: balance;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}