:root {
    --ink: #2c2e43; /* deep navy */
    --sky: #abb820; /* neon yellow */
    --cyan: #abb820; /* warm yellow */
}

body {
    scroll-behavior: smooth;
}

.navbar-brand {
    font-weight: 700;
    letter-spacing: -0.5px
}

.hero-grad {
    background: linear-gradient(180deg, #fff, #fffbcf 50%, #fff);
}

.badge-pill {
    border-radius: 999px;
    background: rgba(44,46,67,.85); /* updated from black */
    color: #fff;
    padding: .35rem .6rem;
    font-size: .65rem;
    letter-spacing: .08em
}

.kpi {
    font-weight: 800;
    color: #2c2e43;
}
/* updated from #000 */
.card-hover:hover {
    box-shadow: 0 1rem 2rem rgba(44,46,67,.08)
}
/* shadow updated */
.text-amaize {
    background: #ddbd00;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.dark-section {
    background: #2c2e43;
    color: #fff
}

.plan {
    border-radius: 1.5rem;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.2)
}

    .plan.light {
        background: rgba(255,255,255,.05);
        border-color: rgba(255,255,255,.15)
    }

.rounded-3xl {
    border-radius: 1.5rem
}

.logo-tile {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    background: #fff
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #cbd5e1;
    cursor: pointer
}

    .dot.active {
        background: var(--cyan)
    }
/* now #fbd324 */
.team-avatar {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: linear-gradient(135deg,rgba(244,255,45,.3),rgba(251,211,36,.3)); /* updated with new sky+cyan */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--ink) /* now #2c2e43 */
}

footer {
    border-top: 1px solid #e5e7eb
}

.btn-ink {
    background: var(--ink); /* now #2c2e43 */
    color: #fff
}

    .btn-ink:hover {
       
        color: #6269af
    }