/* =====================================================================
   메인 페이지 — 시안1-6 (body.mx6). 시안1-5 위에 덧씀.
   ===================================================================== */

/* ---------- 첫 화면 배경 빛: 아래쪽 민트·분홍 → 은은한 하늘·라벤더 ---------- */
.mx6 .h4 .hv-bg i:nth-child(3) { background: #b7c6ff; opacity: .34; }
.mx6 .h4 .hv-bg i:nth-child(4) { background: #d6c8ff; opacity: .22; }

/* ---------- Why BIX5 + 주요 수치: 하나의 영역 ----------
   각 섹션의 따로 칠한 배경(민트 빛·흰색→하늘)을 끄고 감싼 영역 한 장으로. 사이 여백도 줄임 */
.mx6 .mx6-why { position: relative; overflow: hidden; background: radial-gradient(900px 560px at 100% 0%, rgba(185, 168, 255, .2), transparent 62%), radial-gradient(800px 480px at 0% 100%, rgba(143, 208, 255, .14), transparent 62%), #ffffff; }
:root[data-theme] .mx6 .mx6-why > .why, :root[data-theme] .mx6 .mx6-why > .stats-sec { background: none; }
.mx6 .mx6-why > .why::before { display: none; }
.mx6 .mx6-why > .why { padding-bottom: clamp(40px, 4vw, 56px); overflow: visible; }
.mx6 .mx6-why > .stats-sec { padding-top: 0; padding-bottom: var(--section); }

/* ---------- How to start: 밝은 연보라(레퍼런스 영역과 같은 색)로 또렷하게 구분 ---------- */
:root[data-theme="light"] .mx6 #process { background: linear-gradient(180deg, #f1eeff 0%, #f5f3ff 100%); }
:root[data-theme="light"] .mx6 #process .proc-card { border-color: rgba(124, 108, 255, .14); box-shadow: 0 12px 28px -22px rgba(76, 60, 190, .4); }

/* ---------- 차트 벽: 밝은 타일 (시안1-6 전용. 시안1-7부터는 원래 어두운 타일 + 차트 안쪽만 조정, main-new-7.css) ---------- */
.mx6:not(.mx7) #charts { --cw-ink: 60, 64, 150; }
.mx6:not(.mx7) #charts .cw { --surface-solid: #f8f8fd; background: #f8f8fd; border-color: rgba(165, 175, 255, .28); box-shadow: 0 14px 30px -20px rgba(0, 0, 0, .55); }
.mx6:not(.mx7) #charts .cw:hover { border-color: rgba(196, 181, 253, .8); }
.mx6:not(.mx7) #charts .cw span { color: #5d6290; }
/* 빈 자리·격자(흰색 반투명) → 인디고 반투명: Pictorial 사람 모양, 레이더·히스토리 축 등 */
.mx6:not(.mx7) #charts .cw svg [fill="rgba(255,255,255,.14)"] { fill: rgba(var(--cw-ink), .16); }
.mx6:not(.mx7) #charts .cw svg [fill="rgba(255,255,255,.08)"] { fill: rgba(var(--cw-ink), .09); }
.mx6:not(.mx7) #charts .cw svg [stroke="rgba(255,255,255,.14)"] { stroke: rgba(var(--cw-ink), .2); }
.mx6:not(.mx7) #charts .cw svg [stroke="rgba(255,255,255,.08)"] { stroke: rgba(var(--cw-ink), .12); }
.mx6:not(.mx7) #charts .cw svg [fill="#f3f3f8"] { fill: #2b2f6b; }
.mx6:not(.mx7) #charts .cw svg [fill="#8b8ba3"] { fill: #6b7099; }
/* 게이지 눈금·바늘 중심(흰색) */
.mx6:not(.mx7) #charts .cw svg polyline[stroke="#fff"] { stroke: rgba(var(--cw-ink), .45); }
.mx6:not(.mx7) #charts .cw svg circle[r="2.5"][fill="#fff"] { fill: #2b2f6b; }
/* 가장자리 흐림은 그대로(섹션 배경색) */

/* ---------- AI 콘솔 상단: 문구·LIVE 삭제 후 점 3개만 ---------- */
.mx6 #ai .console-top { padding: 12px 18px; }