/* TOPBAR */
.topbar{background:var(--blue-deep);color:rgba(255,255,255,.6);font-size:12.5px;line-height:1.6;}
.topbar-in{max-width:var(--maxw);margin:0 auto;padding:9px 28px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;}
.topbar a{color:rgba(255,255,255,.6);transition:color .2s;}
.topbar a:hover{color:#fff;}
.topbar-r{display:flex;gap:14px;align-items:center;}
.topbar-r i{font-style:normal;color:rgba(255,255,255,.22);}

/* NAV */
nav{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.86);backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);border-bottom:1px solid var(--line);}
.nav-in{max-width:var(--maxw);margin:0 auto;padding:0 28px;height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.nav-logo{display:flex;align-items:center;gap:9px;}
.nav-logo img{height:22px;width:auto;opacity:.5;border-radius:3px;}
.nav-logo b{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.035em;}
.nav-logo b span{color:var(--blue);}
.nav-links{display:flex;list-style:none;gap:2px;}
.nav-links a{display:flex;align-items:center;height:66px;padding:0 13px;font-size:14.5px;font-weight:600;color:var(--body);border-bottom:2px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap;}
.nav-links a:hover{color:var(--blue);border-bottom-color:var(--blue);}
.nav-r{display:flex;align-items:center;gap:10px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-weight:700;cursor:pointer;border:none;transition:background .2s,transform .18s,box-shadow .2s;white-space:nowrap;}
.btn-primary{background:var(--blue);color:#fff;font-size:15px;padding:11px 20px;border-radius:8px;box-shadow:0 8px 18px -8px rgba(43,127,212,.6);}
.btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px);}
.btn-ghost{color:var(--body);font-size:14.5px;font-weight:600;padding:10px 4px;}
.btn-store{font-size:14px;padding:9px 16px;}
.btn-ghost:hover{color:var(--blue);}
.btn-lg{width:100%;height:62px;font-size:18px;border-radius:9px;}
.hamb{display:none;width:34px;height:34px;border:none;background:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;}
.hamb span{display:block;width:21px;height:2px;background:var(--ink);border-radius:2px;}


/* 모바일 드로어 — .open 토글로 열림 (900px 이하에서만 의미 있음) */
.nav-links.open{display:flex;flex-direction:column;position:absolute;top:66px;left:0;right:0;background:#fff;border-bottom:1px solid #E7ECF1;padding:8px 22px 16px;box-shadow:0 16px 30px -14px rgba(15,46,82,.28);z-index:5;}