*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#000;
    color:#fff;
    min-height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    font-family:'Open Sans', sans-serif;
}

.landing{
    width:min(90%,1200px);
    text-align:center;
    padding:2rem;
}

.logo{
    width:min(350px,70vw);
    height:auto;

    /* Invierte negro ↔ blanco */
    filter: invert(1);

    margin-bottom:2rem;
}

h1{
    font-family:'Anton', sans-serif;

    /* Equivalente web de 48 pt */
    font-size:clamp(3rem,6vw,4rem);

    font-weight:400;
    text-transform:uppercase;

    letter-spacing:0.03em;

    margin-bottom:1rem;
}

.subtitle{
    font-family:'Open Sans', sans-serif;

    /* Equivalente web de 24 pt */
    font-size:clamp(1.25rem,2vw,2rem);

    font-weight:300;

    max-width:800px;
    margin:0 auto;

    line-height:1.5;
}


.logo{
    filter: invert(1);
}