/* ==== 06 / MANAGEMENT · MSO — 로펌 성장 진단 · 경영 컨설팅 · MSO 운영 지원 ==== */

/* ---- PC ---- */
.mg-section{background:var(--sand);border-block:1px solid #e1e6d9}


/* 이런 말, 해 보신 적 있나요? */
/* 제목 오른쪽: 대화 말풍선 */
.mg-signs{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.mg-signs li{width:fit-content;max-width:100%;padding:13px 20px;border-radius:18px 18px 18px 4px;background:var(--paper);box-shadow:0 10px 24px -18px #14292359;font-size:15px;font-weight:600;line-height:1.55;letter-spacing:-.04em;color:var(--ink);transform-origin:left bottom}
.mg-signs li:nth-child(even){justify-self:end;transform-origin:right bottom;border-radius:18px 18px 4px 18px;background:var(--forest);color:#fff}
.mg-section .product-head{align-items:center;margin-bottom:64px}
/* 말풍선 순서대로 등장 — app.js가 화면 진입 시 is-ready → is-in 부여 */
.mg-signs.is-ready li{opacity:0;transform:translateY(16px) scale(.94);transition:opacity .45s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.mg-signs.is-in li{opacity:1;transform:none}
.mg-signs.is-in li:nth-child(2){transition-delay:.6s}
.mg-signs.is-in li:nth-child(3){transition-delay:1.2s}
.mg-signs.is-in li:nth-child(4){transition-delay:1.8s}

/* 데이터 경영 패널 */
.mg-data{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:44px;border-radius:12px;background:radial-gradient(700px 360px at 90% 10%,#24463b,transparent 70%),var(--forest);color:#edf0e8}
.mg-data-copy small{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--lime)}
.mg-data-copy h3{margin-top:14px;font-size:36px;font-weight:700;line-height:1.3;letter-spacing:-.06em;color:#fff}
.mg-data-copy h3 em{font-style:normal;color:var(--lime)}
.mg-data-copy>p{margin-top:16px;font-size:15px;line-height:1.8;color:#b9c8bc}
.mg-analyses{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.mg-analyses li{padding:14px 16px;border:1px solid #ffffff1f;border-radius:8px;background:#ffffff08}
.mg-analyses b{display:block;font-size:15px;font-weight:700;color:#fff}
.mg-analyses span{display:block;margin-top:4px;font-size:12px;line-height:1.55;color:#a9baad}
.mg-funnel{margin:0;padding:26px;border-radius:10px;background:#fff;color:var(--ink);box-shadow:0 30px 60px -30px #0008}
.mg-funnel figcaption{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:15px}
.mg-funnel figcaption span{padding:3px 9px;border-radius:999px;background:#eef2e6;font-size:11px;font-weight:600;color:#6c766f}
.mg-funnel ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.mg-funnel li{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;position:relative}
.mg-funnel li span{font-size:13px;font-weight:600;color:#56645b}
.mg-funnel li i{display:block;width:var(--w);height:26px;border-radius:5px;background:linear-gradient(90deg,#2c5a4a,#4f7d5c)}
.mg-funnel li.is-leak i{background:repeating-linear-gradient(135deg,#e2595914 0 6px,#e2595930 6px 12px);outline:1.5px dashed #d0574f}
.mg-funnel li em{position:absolute;left:calc(56px + var(--w));top:50%;transform:translateY(-50%);margin-left:10px;padding:3px 9px;border-radius:999px;background:#fdeceb;font-size:11px;font-style:normal;font-weight:700;color:#b5413a;white-space:nowrap}
.mg-funnel>p{margin-top:16px;font-size:11px;color:#8a938b}

/* 매달 함께 챙기는 6가지 */
.mg-areas{margin-top:52px}
.mg-label{margin-bottom:16px;font-size:13px;font-weight:700;color:#56684f}
.mg-areas ul{display:grid;grid-template-columns:repeat(3,1fr);column-gap:32px;margin:0;padding:0;list-style:none;border-top:1px solid #d5ddcb;counter-reset:area}
.mg-areas li{padding:20px 0;border-bottom:1px solid #d5ddcb}
.mg-areas li:before{counter-increment:area;content:"0" counter(area);display:block;margin-bottom:8px;font:12px var(--serif);color:#7f8c71}
.mg-areas b{display:block;font-size:17px;font-weight:700;letter-spacing:-.04em}
.mg-areas span{display:block;margin-top:6px;font-size:13px;line-height:1.6;color:var(--muted)}

/* 후킹 CTA · 업무 범위 */
.mg-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:52px;padding:28px 32px;border-radius:10px;background:var(--forest);color:#edf0e8}
.mg-cta b{display:block;font-size:24px;font-weight:700;line-height:1.4;letter-spacing:-.06em;color:#fff}
.mg-cta b em{font-style:normal;color:var(--lime)}
.mg-cta p{margin-top:8px;font-size:14px;color:#a9baad}
.mg-cta .button{flex:none;margin-top:0}
.mg-legal{margin-top:16px;font-size:11px;line-height:1.7;color:var(--muted)}

/* ---- 태블릿 ---- */
@media(max-width:1150px){
  .mg-data{gap:32px;padding:34px}
  .mg-data-copy h3{font-size:31px}
  .mg-cta b{font-size:21px}
}

/* ---- 모바일 ---- */
@media(max-width:850px){
  .mg-data{grid-template-columns:1fr}
  .mg-areas ul{grid-template-columns:repeat(2,1fr)}
  .mg-cta{flex-direction:column;align-items:flex-start;gap:18px;padding:24px}
}
@media(max-width:600px){
  .mg-data{padding:26px 18px;margin-inline:-6px}
  .mg-data-copy h3{font-size:27px}
  .mg-data-copy>p{font-size:14px}
  .mg-analyses{grid-template-columns:1fr}
  .mg-funnel{padding:20px 16px}
  .mg-signs{gap:8px}
  .mg-signs li{padding:11px 16px;font-size:14px}
  .mg-areas{margin-top:40px}
  .mg-areas ul{grid-template-columns:1fr}
  .mg-areas li{display:grid;grid-template-columns:30px 1fr;column-gap:10px;padding:14px 0}
  .mg-areas li:before{grid-column:1;grid-row:1;margin:0;align-self:baseline}
  .mg-areas b{grid-column:2;grid-row:1;font-size:16px}
  .mg-areas span{grid-column:2;grid-row:2;margin-top:2px}
  .mg-cta{padding:22px 18px}
  .mg-cta b{font-size:19px}
  .mg-cta p{font-size:13px}
  .mg-cta .button{width:100%}
}