/* Shared navigation across landing, use cases and application pages. */
.site-header{position:sticky;top:0;z-index:40;background:var(--component-white);border-bottom:1px solid var(--stroke)}
.site-header .site-header-inner{height:88px;max-width:1280px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .site-brand{flex-shrink:0}
.site-header .site-navigation{margin-left:auto}
.site-header .site-nav-list{display:flex;align-items:center;gap:12px;margin:0;padding:0;list-style:none}
.site-header .site-nav-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1px solid transparent;border-radius:1000px;background:transparent;color:var(--text,#1d212a);font-family:Pretendard,sans-serif;font-size:16px;font-weight:600;line-height:1.4;white-space:nowrap;text-decoration:none;transition:background 160ms ease,border-color 160ms ease}
.site-header .site-nav-link:hover,.site-header .site-nav-link[aria-current]{background:var(--surface,#f0f3f7)}
.site-header .site-apply{margin-left:16px;background:var(--primary);color:var(--white)}
.site-header .site-apply:hover,.site-header .site-apply[aria-current]{background:var(--surface);color:var(--primary);border-color:var(--primary)}
.site-header .site-signup{border-color:var(--stroke)}
.site-header .site-signup:hover{border-color:var(--primary);background:var(--surface)}
.site-header .site-cases{position:relative}
.site-header .site-cases-toggle.button-icon{gap:var(--button-gap);height:var(--button-height);min-height:var(--button-height);padding:0 12px 0 16px;border:0;border-radius:var(--pill);font-size:16px;cursor:pointer}
.site-header .site-cases-toggle>span{min-width:60px}
.site-header .site-cases-toggle[aria-expanded="true"],.site-header .site-cases-toggle[data-current]{background:var(--surface,#f0f3f7)}
.site-header .site-cases-icon{transition:transform 160ms ease}
.site-header .site-cases-toggle[aria-expanded="true"] .site-cases-icon{transform:rotate(180deg)}
.site-header .site-case-panel{position:absolute;top:100%;left:0;width:340px;padding-top:12px;z-index:1;animation:site-menu-reveal 160ms ease-out}
.site-header .site-case-panel[hidden],.site-header .site-navigation[hidden]{display:none}
.site-header .site-case-links{margin:0;padding:8px;list-style:none;background:var(--component-white);border:1px solid var(--stroke);border-radius:16px;box-shadow:0 12px 32px rgb(29 33 42 / 9%)}
.site-header .site-case-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;min-height:48px;border-radius:10px;color:var(--text,#1d212a);font-size:14px;font-weight:500;line-height:1.4;text-decoration:none}
.site-header .site-case-links a>span:last-child{color:var(--secondary,#46a4ff)}
.site-header .site-case-links a:hover,.site-header .site-case-links a[aria-current]{background:var(--surface)}
.site-header .site-menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--text,#1d212a);font-size:14px;font-weight:600}
.site-header .site-menu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.site-header :is(a,button):focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.signup-dialog{width:calc(100% - 40px);max-width:460px;max-height:calc(100dvh - 48px);padding:32px;border:1px solid var(--stroke);border-radius:20px;background:var(--component-white);color:var(--text);box-shadow:0 24px 80px rgb(29 33 42 / 16%)}
.signup-dialog::backdrop{background:rgb(29 33 42 / 45%)}
.signup-dialog .signup-dialog-label{margin:0 0 16px;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--muted)}
.signup-dialog h2{margin:0 0 16px;font-family:Paperlogy,Pretendard,sans-serif;font-size:24px;font-weight:600;line-height:1.4}
.signup-dialog .signup-dialog-description{margin:0;color:var(--muted,#6b7280);font-size:15px;line-height:1.7}
.signup-dialog .signup-dialog-close{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:28px;padding:10px 24px;border:0;border-radius:1000px;background:var(--primary);color:var(--white);font-size:15px;font-weight:600}
.c-page .c-intro{top:120px}
@keyframes site-menu-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:960px){
  .site-header .site-header-inner{height:72px;gap:16px}
  .site-header .site-menu-toggle{display:inline-flex;margin-left:auto}
  .site-header .site-navigation{position:absolute;top:100%;left:0;right:0;margin:0;padding:8px 32px 24px;max-height:calc(100dvh - 72px);overflow:auto;overscroll-behavior:contain;background:var(--component-white);border-bottom:1px solid var(--stroke);box-shadow:0 12px 20px rgb(29 33 42 / 4%)}
  .site-header .site-nav-list{display:flex;flex-direction:column;align-items:stretch;gap:8px;max-width:1280px;margin:0 auto}
  .site-header .site-nav-link{justify-content:flex-start;min-height:48px;padding:12px 16px;border-radius:10px;font-size:16px}
  .site-header .site-cases-toggle.button-icon{width:100%;height:48px;min-height:48px;justify-content:flex-start}
  .site-header .site-case-panel{position:static;width:auto;padding:4px 0 8px 16px;animation:site-menu-reveal 160ms ease-out}
  .site-header .site-case-links{padding:0 0 0 12px;background:var(--surface);border:0;border-left:2px solid var(--stroke);border-radius:0 10px 10px 0;box-shadow:none}
  .site-header .site-case-links a{padding:14px 12px;font-size:14px}
  .site-header .site-apply{margin:8px 0 0;justify-content:center}
  .site-header .site-signup{width:100%;justify-content:center}
}
@media(max-width:720px){
  .site-header .site-header-inner{width:calc(100% - 40px);height:64px}
  .site-header .site-navigation{padding:8px 20px 20px;max-height:calc(100dvh - 64px)}
  .site-header .site-brand{font-size:24px}
  .signup-dialog{padding:28px 24px}
  .signup-dialog h2{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  .site-header *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto!important}
}