/* TwigSNS 궁합 랜딩 — 전역 리셋 + 키프레임 + 반응형 (시안 compat-v1 이식) */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Pretendard', 'Pretendard Variable', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  background: #ffffff;
  color: #14201b;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
::selection { background: #bdeedd; }

@keyframes cmp-pulse {
  0% { box-shadow: 0 0 0 0 rgba(35,191,148,.55); }
  70% { box-shadow: 0 0 0 11px rgba(35,191,148,0); }
  100% { box-shadow: 0 0 0 0 rgba(35,191,148,0); }
}
@keyframes cmp-floaty {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-9px); }
}

/* 데스크탑: 네비 링크 노출 */
@media (min-width: 900px) {
  .cmp-navlinks { display: flex !important; }
}

/* 태블릿/모바일: 그리드 1열 */
@media (max-width: 860px) {
  .cmp-herogrid { grid-template-columns: 1fr !important; gap: 36px !important; }
  .cmp-axesgrid { grid-template-columns: 1fr !important; gap: 34px !important; }
  .cmp-3col { grid-template-columns: 1fr !important; }
  .cmp-2col { grid-template-columns: 1fr !important; }
}

/* 소형 모바일: 8축 칩 1열 */
@media (max-width: 520px) {
  .cmp-axchips { grid-template-columns: 1fr !important; }
}