/* 박수칠때퇴근 리뉴얼 — 확정 팔레트 v3 "P3 클리어 코발트 × ai-team 절제 × nmore/sui 톤" (2026-07-03)
   nmore: 딥 네이비 잉크(#05173A)·초연한 블루그레이 배경(#F8F9FD)
   sui: Sea 블루(#4DA2FF, 다크 위 포인트)·딥 오션 네이비·긴 이징 모션
   원칙: 순백 베이스·네이비 잉크 텍스트·코발트 단일 악센트·Paperlogy 400~700 */
:root{
  --ink:#0A1C3E;            /* 헤드라인·본문 강조 — 네이비 잉크(nmore) */
  --g700:#3F4E68;           /* 본문 텍스트 — 네이비 그레이 */
  --g500:#7E8AA0;           /* 보조 텍스트·메타 */
  --line:#E4E8F1;           /* 얇은 구분선 */
  --bg:#FFFFFF;             /* 기본 배경 */
  --bg2:#F7F9FD;            /* 보조 배경(nmore light) */
  --blue:#2E6FF2;           /* 코발트 — 단일 악센트 */
  --blue-d:#1F55C8;         /* hover */
  --blue-l:#4DA2FF;         /* 다크 위 악센트(sui Sea) */
  --tint:#EAF2FF;           /* 코발트 틴트 */
  --tint-b:#C6DCFE;
  --navy:#0A1930;           /* 다크 섹션 배경(딥 오션) */
  --navy2:#12253F;          /* 다크 섹션 카드/보조 */
  --navy-tx:#8FA6C8;        /* 다크 위 보조 텍스트 */
  --ease:cubic-bezier(.16,1,.3,1); /* sui식 롱테일 이징 */
}
*{ box-sizing:border-box; margin:0; }
body{ font-family:'Paperlogy',Pretendard,system-ui,sans-serif; color:var(--ink); background:#fff; word-break:keep-all; -webkit-font-smoothing:antialiased; }
a{ text-decoration:none; color:inherit; }
.wrap{ max-width:1520px; margin:0 auto; padding:0 32px; }
/* 페이지 진입/이탈 페이드(sui식 부드러운 전환) */
body{ animation:pageIn .5s var(--ease); }
@keyframes pageIn{ from{ opacity:0; } to{ opacity:1; } }
body.pageout{ opacity:0; transition:opacity .22s ease; }
@media(prefers-reduced-motion:reduce){ body{ animation:none; } }
/* 공통 네비(시안용) */
.nav{ position:fixed; top:0; left:0; right:0; z-index:50; height:68px; display:flex; align-items:center; }
.nav-in{ width:100%; max-width:1520px; margin:0 auto; padding:0 32px; display:flex; align-items:center; justify-content:space-between; }
.logo{ display:flex; align-items:center; gap:10px; font-size:17px; font-weight:600; letter-spacing:-.01em; }
.logo .m{ width:30px; height:30px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; }
.menu{ display:flex; gap:36px; font-size:15.5px; font-weight:500; }
.nav-cta{ font-size:14.5px; font-weight:600; padding:10px 20px; border-radius:9px; }
.kicker{ font-size:14px; font-weight:600; letter-spacing:.22em; }
.btn{ display:inline-flex; align-items:center; gap:9px; font-size:16.5px; font-weight:600; padding:16px 30px; border-radius:11px; transition:background .3s var(--ease), border-color .3s, transform .45s var(--ease), box-shadow .45s var(--ease); }
.btn:hover{ transform:translateY(-2px); }
.btn .ar{ transition:transform .3s var(--ease); }
.btn:hover .ar{ transform:translateX(4px); }
@media(max-width:820px){ .menu{ display:none; } .wrap{ padding:0 20px; } }
/* 사운드 토글 칩 */
.snd-chip{ position:fixed; right:20px; bottom:20px; z-index:80; display:flex; align-items:center; gap:8px; font-family:inherit; font-size:12.5px; font-weight:600; letter-spacing:.04em; color:var(--g700); background:rgba(255,255,255,.92); border:1px solid var(--line); border-radius:999px; padding:9px 15px; cursor:pointer; backdrop-filter:blur(8px); transition:border-color .3s, transform .45s var(--ease); }
.snd-chip:hover{ border-color:var(--tint-b); transform:translateY(-2px); }
.snd-chip .dot{ width:7px; height:7px; border-radius:50%; background:var(--g500); transition:background .3s; }
.snd-chip.on{ color:var(--blue-d); border-color:var(--tint-b); }
.snd-chip.on .dot{ background:var(--blue); }