/* 260921 승인 목업 — AI 차별점·설치 전 안내 (개편 작업본 반영) */
.cd-case{margin:26px 0 0;padding:16px 20px;border-left:5px solid var(--purple,#8359e5);background:#fff;color:#231b36;text-align:left;font-weight:700;font-size:17px;line-height:1.5;border-radius:0 12px 12px 0}
.ai-diff .ai-lead,.ai-proof .ai-lead{font-size:19px;color:#231b36;max-width:760px;margin:0 0 6px}
.ai-diff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:38px 0 26px}
.ai-card{background:#fff;border:1px solid #dcd7e4;border-radius:20px;padding:30px}
.ai-card .num{font-size:12px;color:#8359e5;font-weight:800;letter-spacing:.08em}
.ai-card h3{font-size:26px;line-height:1.15;margin:30px 0 12px;letter-spacing:-.03em}
.ai-card p{color:#231b36;margin:0}
.ai-hosts{background:#eee8f3}
.ai-flow{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:stretch;margin:36px 0 14px}
.ai-node{background:#fff;border:1px solid #dcd7e4;border-radius:16px;padding:26px}
.ai-node strong{display:block;font-size:20px;margin-bottom:8px}
.ai-node span{color:#231b36}
.ai-arrow{display:grid;place-items:center;color:#8359e5;font-size:28px}
.ai-proof{background:#151418;color:#fff}
.ai-proof .section-title{color:#fff}
.ai-proof .eyebrow{color:#c8b8f0}
.ai-proof .ai-lead{color:#bbb5c5}
.ai-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:34px}
.ai-proof-grid div{border:1px solid #423e49;border-radius:16px;padding:26px}
.ai-proof-grid b{display:block;font-size:19px;margin-bottom:8px}
.ai-proof-grid span{color:#bbb5c5}
.ai-ready{margin:0 auto 10px}
.ai-ready-box{background:#fff;border:2px solid #8359e5;border-radius:20px;padding:30px;box-shadow:0 12px 35px rgba(80,48,150,.09)}
.ai-ready-box h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;letter-spacing:-.03em;margin:10px 0 12px}
.ai-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
.ai-plan{background:#f8f6fb;border-radius:14px;padding:20px;line-height:1.6}
.ai-plan b{display:block;color:#5b3eac;margin-bottom:7px}
.ai-steps{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0 14px}
.ai-steps span{background:#151418;color:#fff;padding:10px 14px;border-radius:999px;font-weight:700}
.ai-steps i{font-style:normal;color:#8359e5;font-weight:900}
.ai-ready-box .small{color:#231b36;font-size:13px}
@media(max-width:860px){
  .ai-diff-grid,.ai-plans,.ai-proof-grid{grid-template-columns:1fr}
  .ai-flow{grid-template-columns:1fr}
  .ai-arrow{transform:rotate(90deg);height:40px}
  .cd-case{font-size:16px;padding:14px 16px}
  .ai-ready-box{padding:22px}
}

/* 260922 히어로 글자 짤림 수정은 figma.css 17절에 한 곳으로 모았다 (중복 제거). */
.cd-hero-copy{word-break:keep-all;overflow-wrap:anywhere}