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

body{
    background:#f5f5f7;
    font-family:Arial,Helvetica,sans-serif;
    min-height:100vh;
    position:relative;
}

.credit{
    position:fixed;
    right:24px;
    bottom:24px;
    font-size:24px;
    font-weight:400;
    letter-spacing:0.04em;
    color:#666;
    pointer-events:none;
    font-family:inherit;
}

nav{
    width:100%;
    height:80px;

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

    padding:0 80px;
}

.logo{
    font-size:28px;
    font-weight:bold;
}

.menu{
    display:flex;
    gap:40px;
}

.menu a{
    text-decoration:none;
    color:#000;
    font-size:18px;
}

.hero{
    height:calc(100vh - 80px);

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

    padding:80px;
}

.left{
    width:45%;
}

.left h1{
    font-size:80px;
    line-height:90px;
}

.left p{
    margin-top:30px;
    font-size:24px;
    color:#666;
}

button{

    margin-top:40px;

    padding:18px 40px;

    border:none;

    border-radius:999px;

    background:black;

    color:white;

    font-size:18px;

    cursor:pointer;
}

.right{

    width:45%;

    display:flex;

    justify-content:center;
}