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

body{

    font-family:Arial, Helvetica, sans-serif;

    color:white;

    background:
        radial-gradient(circle at top,
        rgba(79,140,255,.12),
        transparent 35%),

        #09090B;

    min-height:100vh;
}

.page{

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:100vh;

    padding:40px;
}

.hero{

    text-align:center;

    max-width:850px;

    animation:fadeUp .8s ease;
}

.logo-mark{

    width:165px;

    margin-bottom:28px;

    filter:drop-shadow(0 0 24px rgba(79,140,255,.18));
}

.eyebrow{

    color:#4F8CFF;

    letter-spacing:4px;

    font-size:13px;

    margin-bottom:28px;
}

h1{

    font-size:clamp(64px,10vw,140px);

    font-weight:300;

    letter-spacing:18px;

    margin-bottom:16px;
}

.tagline{

    font-size:28px;

    letter-spacing:3px;

    margin-bottom:18px;
}

.subtext{

    color:#A1A1AA;

    line-height:1.7;

    max-width:650px;

    margin:auto;

    font-size:20px;
}

.actions{

    margin-top:42px;
}

.button{
    position:relative;
    display:inline-block;
    text-decoration:none;
    color:white;
    padding:16px 28px;
    border-radius:999px;
    border:1px solid #2E2E34;
    background:#111113;
    transition:.25s;
    overflow:hidden;
}

.button::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:4px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(
        90deg,
        white 0%,
        white 33%,
        #22c55e 33%,
        #22c55e 66%,
        #ef4444 66%,
        #ef4444 100%
    );
    opacity:0;
    transition:.25s;
}

.button:hover{
    transform:translateY(-2px);
    border-color:rgba(255,255,255,.35);
    box-shadow:0 0 28px rgba(79,140,255,.25);
}

.button:hover::after{
    opacity:1;
}
.features{

    display:flex;

    justify-content:center;

    gap:14px;

    flex-wrap:wrap;

    margin-top:42px;
}

.features span{

    border:1px solid #26262B;

    background:#111113;

    color:#A1A1AA;

    border-radius:999px;

    padding:10px 16px;

    font-size:14px;
}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(15px);

}

to{

opacity:1;

transform:translateY(0);

}

}