/* nav */
  nav.top{position:sticky;top:0;z-index:50;background:rgba(251,250,246,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
  nav .inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;padding:14px 28px;gap:36px}
  .logo{display:inline-flex;align-items:center;gap:9px;font-weight:900;font-size:16px;letter-spacing:-0.025em;cursor:pointer;color:#111827}
  .logo .fix{color:#4F46E5}
  .logo-mark{width:28px;height:28px;border-radius:7px;background:#4F46E5;display:flex;align-items:center;justify-content:center;color:#fff}
  .logo-mark svg{width:20px;height:20px}
  nav .links{display:flex;align-items:center;gap:24px;font-size:14px;color:var(--ink-2);font-weight:500}
  nav .links a{cursor:pointer;transition:color .12s}
  nav .links a:hover,
  nav .links a[aria-current="page"]{color:var(--ind)}
  nav .links a[aria-current="page"]{font-weight:700}
  .nav-item{position:relative;display:flex;align-items:center}
  .nav-trigger{display:inline-flex;align-items:center;gap:4px;padding:8px 0;color:var(--ink-2)}
  .nav-caret{font-size:10px;line-height:1;transform:translateY(1px)}
  .nav-dropdown{position:absolute;top:calc(100% + 12px);left:50%;width:360px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 60px -28px rgba(15,23,42,.32);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(6px);transition:opacity .14s,transform .14s,visibility .14s}
  .nav-dropdown::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
  .nav-item:hover .nav-dropdown,
  .nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
  .nav-drop-link{display:block;padding:12px 14px;border-radius:8px}
  .nav-drop-link:hover{background:var(--paper-2)}
  .nav-drop-title{display:block;font-size:14px;font-weight:800;color:var(--ink)}
  .nav-drop-desc{display:block;margin-top:4px;font-size:12.5px;line-height:1.45;color:var(--muted)}
  nav .spacer{flex:1}
  nav .signin{font-size:14px;color:var(--ink-2);font-weight:500;padding:8px 12px;border-radius:8px}
  nav .signin:hover{background:#0d0d1209}
  .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;transition:transform .15s, box-shadow .15s, background .12s}
  .btn-primary{background:var(--grad);color:#fff}
  .btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 22px rgba(67,56,202,.32)}
  .btn-ghost{background:transparent;color:var(--ink-2);border:1px solid var(--line)}
  .btn-ghost:hover{border-color:var(--ink-2)}
  .btn svg{width:14px;height:14px}

/* ── 상단 이전 지원 배너 (GNB 위, 후킹) ── */
.cf-topbar{display:block;background:var(--grad-cta);color:#fff;text-decoration:none}
.cf-topbar-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 28px;font-size:19px;line-height:1.4;flex-wrap:wrap}
.cf-topbar-badge{flex-shrink:0;font-size:14px;font-weight:800;letter-spacing:.04em;background:rgba(255,255,255,.2);padding:6px 13px;border-radius:99px}
.cf-topbar-msg{font-weight:500;color:rgba(255,255,255,.92)}
.cf-topbar-msg b{font-weight:800;color:#fff}
.cf-topbar-cta{flex-shrink:0;font-weight:800;display:inline-flex;align-items:center;gap:5px;text-decoration:underline;text-underline-offset:2px;transition:gap .15s}
.cf-topbar:hover .cf-topbar-cta{gap:9px}
@media(max-width:680px){.cf-topbar-inner{gap:9px;padding:13px 16px;font-size:15px}.cf-topbar-badge{display:none}.cf-topbar-cta{font-size:15px}}