.hero {
    text-align: center;
    margin-top: 5rem;
}


.md-nav__link svg {
  stroke-width: 2;
  fill: none;
}


.md-grid {
    max-width: 95%;
}

.md-content__inner {
    max-width: 95%;
}

.hero-logo {
    margin-bottom: 1rem;
}

.hero h1 {
    font-size: 2rem;
}

.buttons {
    margin-top: 2rem;
}

.buttons .md-button {
    margin: 0 0.5rem;
}

.cc-badge {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    vertical-align: middle;
    white-space: nowrap;
}

.cc-badge--functional {
    color: #fff;
    background: linear-gradient(135deg, #1e88e5, #42a5f5);
}

.cc-badge--technical {
    color: #fff;
    background: linear-gradient(135deg, #00897b, #26a69a);
}

.cc-badge--special {
    color: #fff;
    background: linear-gradient(135deg, #8e24aa, #ab47bc);
}