/* Top navigation */

/* --- Section styles --- */
/* <nav> */
.nav-01 {
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 40;
    width: 95vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}/* <a> */
.nav-02{display:flex;align-items:center;gap:9px;color:#eef0e6;font:600 30px Geist,sans-serif;letter-spacing:-.03em}
/* <span> · chatzae */
.nav-03 {
    width: 45px;
    height: 45px;
    background: #C9FF35;
}
.nav-03 img{
    width: 100%;
}
/* <div> · How it works */
.nav-04{display:flex;gap:30px;font:400 14px Geist,sans-serif;flex-wrap:wrap;justify-content:center}
/* <a> · How it works Result */
.nav-05{color:#a7ac9c}
.nav-05:hover{color:#eef0e6}
/* <div> */
.nav-06{display:flex;gap:8px;align-items:center}
/* <a> · Log in */
.nav-07{color:#eef0e6;font:500 14px Geist,sans-serif;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.nav-07:hover{background:rgba(255,255,255,.1);color:#eef0e6}
/* <a> · Get started */
.nav-08{background:#C9FF35;color:#0a0b08;font:600 14px Geist,sans-serif;padding:11px 20px;border-radius:999px;box-shadow:0 0 30px rgba(201,255,53,.35)}
.nav-08:hover{background:#e2ff8a;color:#0a0b08}