/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:24px;min-height:68px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:46px}
.brand .mark{font-size:1.2rem}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{text-decoration:none;font-weight:600;font-size:.95rem;color:var(--muted);padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover{color:var(--ink);border-color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 1rem/1 var(--f-body);padding:15px 24px;border-radius:4px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn.gold{background:#E8B54A;color:#06142A}
.btn.gold:hover{background:#F2C265}
.btn.ghost{border-color:rgba(234,240,248,.45);color:#EAF0F8}
.btn.ghost:hover{border-color:#EAF0F8}
.top .btn{padding:12px 18px;font-size:.95rem}