body{margin:0;background:#0D0E0C}
*{box-sizing:border-box}
a{color:#F1EEE6}a:hover{color:#D8FF4A}
input::placeholder,textarea::placeholder{color:rgba(241,238,230,0.5)}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
details[open] .acc-plus{transform:rotate(45deg)}
@font-face{font-family:'AuxoLatin';src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/woff2/PretendardVariable.woff2') format('woff2-variations');font-weight:45 920;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20A9,U+2190-21FF,U+2212}
.gfx{position:absolute;inset:0;overflow:hidden;background:#071033}
.gb{position:absolute;border-radius:50%;filter:blur(48px);will-change:transform}
@keyframes gbA{0%{transform:translate(0,0) scale(1)}50%{transform:translate(9vw,7%) scale(1.18)}100%{transform:translate(-5vw,12%) scale(.92)}}
@keyframes gbB{0%{transform:translate(0,0) scale(1.05)}50%{transform:translate(-10vw,-8%) scale(.9)}100%{transform:translate(4vw,6%) scale(1.2)}}
@keyframes gbC{0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(7vw,-10%) rotate(40deg)}100%{transform:translate(-8vw,4%) rotate(-20deg)}}
.gfx .gb:nth-child(1){animation-duration:13s !important}.gfx .gb:nth-child(2){animation-duration:15s !important}.gfx .gb:nth-child(3){animation-duration:17s !important}.gfx .gb:nth-child(4){animation-duration:12s !important}.gfx .gb:nth-child(5){animation-duration:10s !important}.gfx .gb:nth-child(6){animation-duration:16s !important}
@media (prefers-reduced-motion: reduce){.gb{animation:none !important}}

html{scroll-behavior:smooth}
[hidden]{display:none !important}
[data-loop-node]:focus-visible{outline:none}
[data-loop-node]:focus-visible circle:nth-of-type(2){stroke-width:3}

/* 상단 메뉴: 고정 + 스크롤 시 배경, 밝은 섹션에서 색 반전 */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background-color .35s,border-color .35s;border-bottom:1px solid transparent}
#top > .site-nav + div{padding-top:168px !important}
.site-nav.scrolled{background:rgba(13,14,12,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:rgba(241,238,230,.08)}
.site-nav.light{background:rgba(242,243,238,.82);border-bottom-color:rgba(20,19,15,.08)}
.site-nav.light a:not([href="#contact"]){color:#14130F !important}
.site-nav.light .nav-menu{border-color:rgba(20,19,15,.14) !important;background:rgba(255,255,255,.45) !important}
.site-nav.light svg circle:first-child{fill:#14130F}
.site-nav.light svg circle:last-child{stroke:#6E8F00}
.site-nav a,.site-nav svg circle{transition:color .35s,fill .35s,stroke .35s}

/* 섹션 진입 페이드업 */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}

/* Growth 카드 호버: 라임 빛 번짐 */
.growth-card{transition:box-shadow .5s,transform .5s}
.growth-card:hover{box-shadow:0 0 0 1px rgba(216,255,74,.55),0 24px 80px -12px rgba(216,255,74,.35);transform:translateY(-4px)}

/* 모바일: 상단 메뉴는 숨기고 로고 + 문의하기만 */
@media (max-width: 720px){ .nav-menu{display:none !important} #top > .site-nav + div{padding-top:150px !important} }
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none;transition:none}
  .growth-card:hover{transform:none}
}

/* 모바일 레이아웃 보정 */
@media (max-width: 720px){
  /* 전략가↔AI 카드 사이 화살표를 세로로 */
  .sol-arrows{flex:1 1 100% !important;flex-direction:row !important;justify-content:center !important;gap:44px !important;padding:2px 0 !important;min-width:0 !important}
  .sol-arrows > div{flex-direction:row !important;gap:2px !important}
  .sol-arrows svg{transform:rotate(90deg);margin:34px -30px}

  /* 사례 카드 숫자 3칸 → 세로로 쌓기 */
  .case-metrics{grid-template-columns:1fr !important}
  .case-metrics > div{border-left:0 !important;border-top:1px solid rgba(20,19,15,0.07)}
  .case-metrics > div:first-child{border-top:0}

  /* 상단 성과 숫자 5칸 → 2열, 마지막 칸은 한 줄 전체 */
  .stats-band{grid-template-columns:1fr 1fr !important}
  .stats-band > div{padding:18px 16px !important}
  .stats-band > div > span:nth-child(2){font-size:32px !important;margin-top:8px !important}
  .stats-band > div:last-child{grid-column:1 / -1}

  /* 비교표: 줄바꿈 없이 가로 스크롤, 첫 열 고정 */
  .cmp-table{min-width:760px !important;font-size:13.5px !important}
  .cmp-table th,.cmp-table td{padding:14px !important;width:auto !important;white-space:nowrap}
  .cmp-table tr > :first-child{position:sticky;left:0;z-index:1;background:#121310;min-width:96px}
  .cmp-hint{display:block !important}

  /* 섹션 위아래 여백 축소 */
  section[id]:not(#top):not(#contact){padding-top:88px !important;padding-bottom:88px !important}
  #contact > div{padding-top:96px !important;padding-bottom:110px !important}

  /* Auxo Loop 글자 키우기 + 왼쪽 라벨 잘림 방지 */
  .loop-svg{padding:0 30px}
  .loop-svg g text:last-child{font-size:24px}
  .loop-svg svg > text:first-of-type{font-size:15px}
  .loop-svg svg > text:nth-of-type(2){font-size:27px}
}