body { font-family: 'Inter', system-ui, sans-serif; }
.hero { background: radial-gradient(circle at top, #1b1f3b, #000); color: #fff; padding: 6rem 2rem; }
.section { padding: 4rem 2rem; }
footer { background:#0b0d17; color:#aaa; padding:2rem; }
/* Full-bleed hero */
.hero-bleed {
    position: relative;
    width: 100vw;
    height: 85vh;
    overflow: hidden;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

.hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-overlay {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 1.5rem;
}

    .hero-overlay h1 {
        font-size: clamp(2.5rem, 5vw, 4rem);
        font-weight: 700;
    }

    .hero-overlay p {
        margin-top: 1rem;
        font-size: clamp(1.1rem, 2vw, 1.4rem);
        color: #cfd4ff;
    }

/* Prevent accidental white gaps */
body {
    overflow-x: hidden;
}