/* ===== 상단바 — cignara.com 플로팅 글래스 pill nav 이식 =====
   출처: cignara.com <nav> (radius 40px, backdrop blur(10px), rgba(255,255,255,.25) 글래스,
   border rgba(117,115,114,.15), padding 8px). 로고→우리 심볼, 우측 CTA 유지. */
.topbar{
  position:fixed; top:0; left:0; right:0; z-index:100;
  display:flex; justify-content:center;
  padding:16px clamp(14px,4vw,24px);
  height:auto; min-height:0;
  background:transparent;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
}
/* nav pill = cignara 글래스: rgba(255,255,255,.25)+blur(10px), 스크롤 무관 상수 (흰색으로 안 변함) */
.topbar .nav{
  width:100%; max-width:1080px;
  min-height:0; height:auto;
  display:flex; align-items:center; justify-content:space-between;
  gap:12px;
  padding:8px 8px 8px 20px;
  border-radius:40px;
  background:rgba(255,255,255,.25);
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  border:1px solid rgba(117,115,114,.15);
  box-shadow:none;
}
/* 헤더(topbar)는 항상 투명(인라인 흰배경 override). nav 글래스는 스크롤해도 그대로 유지 */
.topbar,
.topbar.is-scrolled{
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
  border-bottom-color:transparent;
}
.topbar .brand{display:flex; align-items:center; gap:8px;}
.topbar .brand-symbol{display:inline-flex;}
.topbar .brand-symbol svg{display:block; width:30px; height:30px;}

.topbar .nav-cta{
  display:inline-flex; align-items:center; justify-content:center;
  height:44px; min-height:0; padding:0 20px;
  border-radius:999px;
  background:var(--orange,#f97316); color:#fff;
  font-family:inherit; font-size:15px; font-weight:700;
  box-shadow:0 8px 20px rgba(249,115,22,.24);
  transition:background .16s ease, transform .16s ease, box-shadow .16s ease;
}
.topbar .nav-cta:hover{background:var(--orange-deep,#e8590c); transform:translateY(-1px); box-shadow:0 12px 26px rgba(249,115,22,.32);}

@media (max-width:560px){
  .topbar{padding:12px 12px;}
  .topbar .nav{padding:7px 7px 7px 16px;}
  .topbar .nav-cta{height:40px; padding:0 16px; font-size:14px;}
  .topbar .brand-symbol svg{width:27px; height:27px;}
}