.hero-section {

    background:
    linear-gradient(
        135deg,
        #061229 0%,
        #0B1F3A 100%
    );

    color: white;

    padding-top: 100px;
    padding-bottom: 100px;

}

.hero-description {

    max-width: 850px;
    margin: auto;

    opacity: 0.9;

}

.hero-badge {

    background: rgba(255,255,255,0.08);

    border: 1px solid rgba(255,255,255,0.12);

    padding: 10px 18px;

    border-radius: 40px;

}

.about-section {

    background: #061229;
    color: white;

}

.feature-pill {

    background: rgba(255,255,255,0.06);

    border:
    1px solid rgba(255,255,255,0.1);

    padding: 14px;

    border-radius: 12px;

    text-align: center;

    font-weight: 600;

}

.metric-value {

    color: #2D8CFF;
    font-weight: 700;

}

.about-svg {

    width: 100%;
    max-height: 850px;

}