/* ───── 메인: AI 가이드 (새 디자인) ───── */
.concept-home .hx-ai{position:relative;padding:110px 0 60px;background:transparent}
.hx-ai-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.hx-ai-copy h2{margin:12px 0 0;font-size:clamp(34px,3.8vw,52px);line-height:1.2;letter-spacing:-.05em;color:#14234B}
.hx-ai-copy h2 em{font-style:normal}
.hx-ai-desc{margin:18px 0 0;font-size:16px;line-height:1.85;color:#5A6C90}
.hx-ai-points{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.hx-ai-points li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.75);border:1.5px solid #fff;box-shadow:0 10px 26px rgba(80,105,200,.1)}
.hx-ai-points b{display:block;font-size:15px;color:#14234B}
.hx-ai-points small{display:block;margin-top:3px;font-size:13px;color:#6A7A9C}
.hx-ic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px}
.hx-ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hx-c1{background:#E4EEFF;color:#3F66F0}.hx-c2{background:#EEE8FF;color:#7B5CF5}.hx-c3{background:#E0F5F1;color:#16A594}

.concept-home .hx-chat{max-width:none;margin:0;border:2px solid #fff;border-radius:30px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 30px 70px rgba(70,95,200,.18);overflow:hidden;padding-bottom:22px;position:relative}
.concept-home .hx-chat:before{content:"";position:absolute;inset:-1px;border-radius:30px;padding:1.5px;background:linear-gradient(135deg,rgba(63,102,240,.5),rgba(123,92,245,.35),rgba(255,255,255,0));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.concept-home .hx-chat .home-ai-top{padding:20px 24px;border:0;background:linear-gradient(115deg,#3F66F0,#6A58F5 60%,#8E6BF5);color:#fff}
.concept-home .hx-avatar{width:48px;height:48px;border-radius:16px;background:#fff;box-shadow:0 8px 18px rgba(20,30,120,.25)}
.concept-home .hx-avatar img{width:30px;height:30px}
.concept-home .hx-chat .home-ai-top strong{color:#fff;font-size:16.5px}
.concept-home .hx-chat .home-ai-top small{color:rgba(255,255,255,.85);display:flex;align-items:center;gap:6px}
.hx-dot{width:7px;height:7px;border-radius:50%;background:#5BF0B3;box-shadow:0 0 0 3px rgba(91,240,179,.25);animation:hxPulse 2s infinite}
@keyframes hxPulse{50%{box-shadow:0 0 0 6px rgba(91,240,179,0)}}
.concept-home .hx-chat .home-ai-status{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}
.concept-home .hx-chat .home-ai-messages{padding:26px 24px 18px;min-height:190px;max-height:340px;background:linear-gradient(180deg,#F7F9FF,rgba(255,255,255,0))}
.concept-home .hx-chat .home-ai-bubble{font-size:14.5px;border-radius:20px;box-shadow:0 6px 16px rgba(80,105,200,.08);animation:hxIn .45s cubic-bezier(.2,.75,.2,1) both}
@keyframes hxIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.concept-home .hx-chat .home-ai-bot{position:relative;margin-left:40px;background:#fff;color:#22345E;border:1px solid #E3EAFA;border-top-left-radius:6px;border-bottom-left-radius:20px}
.concept-home .hx-chat .home-ai-bot:before{content:"";position:absolute;left:-40px;top:0;width:30px;height:30px;border-radius:10px;background:#fff url(assets/ci-symbol.svg) center/20px no-repeat;border:1px solid #E3EAFA;box-shadow:0 4px 10px rgba(80,105,200,.12)}
.concept-home .hx-chat .home-ai-user{background:linear-gradient(135deg,#3F66F0,#6A58F5);border-top-right-radius:6px;border-bottom-right-radius:20px}
.concept-home .hx-chat .home-ai-bubble a{display:inline-flex;margin-top:10px;padding:7px 13px;border-radius:99px;background:#EEF3FF;color:#3F66F0;text-decoration:none;font-size:13px}
.concept-home .hx-chat .home-ai-bubble a:hover{background:#3F66F0;color:#fff}
.concept-home .hx-sugs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 24px 16px}
.concept-home .hx-sugs button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border-radius:16px;border:1px solid #E3EAFA;background:#fff;color:#22345E;font-size:13px;font-weight:700;text-align:left;transition:transform .25s,box-shadow .25s,border-color .25s}
.concept-home .hx-sugs button i{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#EEF3FF;color:#3F66F0;font-style:normal;font-size:13px}
.concept-home .hx-sugs button:nth-child(2) i{background:#E0F5F1;color:#16A594}
.concept-home .hx-sugs button:nth-child(3) i{background:#EEE8FF;color:#7B5CF5}
.concept-home .hx-sugs button:nth-child(4) i{background:#FFEDE5;color:#E0623F}
.concept-home .hx-sugs button:hover{transform:translateY(-3px);border-color:#C9D7FF;box-shadow:0 10px 20px rgba(80,105,200,.14);background:#fff}
.concept-home .hx-form{margin:0 24px;padding:6px 6px 6px 18px;border-radius:99px;background:#fff;border:1.5px solid #DCE6FA;box-shadow:0 8px 20px rgba(80,105,200,.08);gap:8px;transition:border-color .2s,box-shadow .2s}
.concept-home .hx-form:focus-within{border-color:#6F8CFF;box-shadow:0 0 0 4px rgba(63,102,240,.12)}
.concept-home .hx-form input{border:0;background:transparent;padding:10px 0;box-shadow:none!important}
.concept-home .hx-form button{width:46px;height:46px;padding:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3F66F0,#6A58F5);box-shadow:0 8px 16px rgba(80,90,240,.3);transition:transform .2s}
.concept-home .hx-form button:hover{transform:scale(1.06) rotate(-8deg)}
.concept-home .hx-form button svg{width:20px;height:20px;fill:#fff}
@media(max-width:980px){.hx-ai-grid{grid-template-columns:1fr;gap:34px}.concept-home .hx-sugs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.concept-home .hx-ai{padding:70px 0 40px}.concept-home .hx-chat .home-ai-status{display:none}.concept-home .hx-chat .home-ai-bot{margin-left:34px}.concept-home .hx-chat .home-ai-bot:before{left:-34px;width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.hx-dot,.concept-home .hx-chat .home-ai-bubble{animation:none}}

/* ───── 메인: AI 웹사이트 스튜디오 (솔루션 페이지에서 메인으로 이동) ───── */
.home-studio.home-studio{background:transparent;font-family:var(--font);padding:60px 0 110px;color:#17284b}
.home-studio .hs-head{text-align:center;margin:0 auto 34px;padding:0 24px}
.home-studio .hs-head h2{margin:12px 0 14px;font-size:clamp(31px,3.4vw,46px);letter-spacing:-.06em;color:#14234B}
.home-studio .hs-head h2 em{font-style:normal}
.home-studio .hs-head>p:last-child{margin:0;font-size:16px;color:#597293}
.home-studio .studio-workspace{margin-top:0}
.home-studio .studio-settings,.home-studio .studio-preview{border:2px solid #fff;box-shadow:0 24px 60px rgba(70,95,200,.14)}

/* 제목 크기 위계 정리: 메인 문구 > 섹션 제목 > 솔루션명 */
#cx-title,#sc-title,#home-ai-title,.home-showcase-head h2,.home-services h2{font-size:44px!important;line-height:1.25!important}
#sc-tname{font-size:38px!important}
@media (max-width:760px){
 #cx-title,#sc-title,#home-ai-title,.home-showcase-head h2,.home-services h2{font-size:25px!important;line-height:1.3!important}
 #sc-tname{font-size:23px!important}
}