body {
    font-family: 'Montserrat', sans-serif;
    background: #0d0d0d;
    color: #f0f0f0;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* HEADER */
header {
    padding: 4rem 1rem 3rem 1rem;
    background: #111;
    border-bottom: 1px solid #333;
}

/* Logo SVG */
header .logo {
    width: 660px;
    /* Adjust as needed */
    height: auto;
    display: block;
    margin: 0 auto 1rem auto;
}

/* Remove old h1 styling since the SVG replaces it */
h1 {
    font-size: 2.5rem;
    margin: 0.2em 0;
}

/* MAIN CONTENT */
main {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 1rem;
}

section {
    margin-bottom: 3rem;
}

h2 {
    font-weight: 600;
    margin-bottom: 1rem;
    color: #ffffff;
}

p,
li {
    line-height: 1.6;
    color: #cccccc;
}

ul {
    list-style: none;
    padding: 0;
}

li::before {
    content: "• ";
    color: #00e1ff;
    /* Quick subtle brand accent */
}

/* FOOTER */
footer {
    padding: 1.5rem;
    border-top: 1px solid #333;
    background: #111;
    color: #888;
}