.hero {
    padding: 6rem 0;
    background: linear-gradient(135deg, #fff4ec 0%, #ffffff 60%);
}

.hero-card {
    background: #fff;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 20px 50px rgba(17, 22, 29, 0.08);
}

.hero-card i {
    color: var(--brand);
    font-size: 1.3rem;
}

.step-number {
    width: 56px;
    height: 56px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    background: var(--brand);
    color: #fff;
    font-weight: 700;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-box {
    background: #11161d;
    color: #fff;
    border-radius: 24px;
    padding: 4rem 2rem;
}

.contact-box .lead,
.contact-box .text-secondary {
    color: #c5ccd6 !important;
}