/* --- Basic Setup --- */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; 
    background-color: #ffffff; /* White background */
}

/* --- Layout Containers --- */
.text-background-layer,
.image-foreground-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

/* --- Text Layer (Behind, Mid-Top) --- */
.text-background-layer {
    z-index: 1; 
    display: flex;
    justify-content: center; /* Centers horizontally (mid) */
    align-items: flex-start; /* Aligns to the top */
    padding-top: 15vh;       /* Pushes it down slightly from the top edge for "mid-top" placement */
}

.coming-soon-text {
    font-family: "WDXL Lubrifont JP N", sans-serif; /* Using your requested Google Font */
    font-weight: normal; /* Normal weight, not bold */
    font-size: 15vw;     /* Huge size relative to screen width */
    color: #000000;      /* Black text */
    margin: 0;
    letter-spacing: 0.05em; 
    white-space: nowrap; /* Prevents text from wrapping on smaller screens */
}

/* --- Image Layer (Front) --- */
.image-foreground-layer {
    z-index: 2; 
    background-image: url('Startup.png'); 
    background-size: cover;      
    background-position: center bottom; 
    background-repeat: no-repeat;
    pointer-events: none; /* Allows users to click through the invisible parts of the image layer */
}