/* ============================================================
   Innerbus 제품 랜딩 4p 공용 스타일
   (logcenter · logcenter-siem · logcenter-ai · iso27001)
   각 페이지 <head>에서 이 파일을 link 한 뒤, 페이지 고유 애니메이션만
   인라인 <style>로 유지합니다. 리셋·공용 키프레임·역량 그리드를 단일 소스로.
============================================================ */
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:#ffffff; color:#0E1B2E; font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif; -webkit-font-smoothing:antialiased; }
a{ color:var(--ac,#1E9E6A); text-decoration:none; }
a:hover{ color:#17835A; }
::selection{ background:rgba(30,158,106,.18); }

/* 공용 키프레임 */
@keyframes ibpulse{ 0%,100%{ opacity:1; transform:scale(1);} 50%{ opacity:.35; transform:scale(.62);} }
@keyframes ibgrid{ to{ background-position:0 -44px;} }
@keyframes ibfade{ from{ opacity:0; transform:translateY(20px);} to{ opacity:1; transform:translateY(0);} }
@keyframes ibfloat{ 0%,100%{ transform:translate(0,0) scale(1);} 50%{ transform:translate(-16px,14px) scale(1.05);} }

/* 역량 섹션 카드 그리드 (logcenter · logcenter-siem) */
[data-cap-grid]{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; }
@media (min-width:1120px){ [data-cap-grid]{ grid-template-columns:repeat(3,1fr); } }

@media (prefers-reduced-motion: reduce){ *{ animation:none !important; } html{ scroll-behavior:auto; } }
