@import url("../vision-fonts.css");
/* 2026-10-19: supplied 10/18 final Home/Vision is the visual authority.
   Ordinary heading 400/1.5 follows final Vision; documented system cards remain 500. */
:root{--page-w:1044px;--page-gutter:clamp(36px,5.6vw,80px);--reading-w:960px;--ink:#111110;--muted:#6f6e69;--mint:#0FDFDD;--card:#f5f5f5;--handoff-color:.25s cubic-bezier(.4,0,.2,1)}
body{color:#323232;letter-spacing:-.02em}
.site-footer{background:#f5f5f5;color:#323232;padding:clamp(56px,7vw,96px) 0}
.footer-inner{width:min(1200px,calc(100% - var(--page-gutter)));margin-inline:auto}
.footer-top{display:flex;flex-wrap:wrap;gap:48px clamp(40px,8vw,120px);padding-bottom:56px}
.contact{flex:1 1 300px;min-width:0}.contact>a{font-size:clamp(36px,4.4vw,56px);font-weight:400;line-height:1.2;letter-spacing:-.03em}
.contact p{font-size:14px;color:#323232;margin-top:20px}.contact>span{font-size:13px;color:#323232;margin-top:8px;line-height:1.5}
.footer-columns{flex:1.05 1 315px;min-width:0;width:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px);padding-top:8px;margin:0}
.footer-columns>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-columns h3{font-size:14px;line-height:1.5;font-weight:400;color:#111110;margin-bottom:6px}
.footer-columns a,.footer-columns button{position:relative;isolation:isolate;display:inline-flex;font-size:13px;font-weight:400;line-height:1.5;padding:0;color:#323232;text-align:left}
.footer-columns a::before,.footer-columns button::before{content:'';position:absolute;inset:-6px -8px;z-index:-1;background:rgba(17,17,16,.08);opacity:0;transform:scale(.96);transition:opacity var(--handoff-color),transform var(--handoff-color);pointer-events:none}
.footer-columns a:hover::before,.footer-columns button:hover::before,.footer-columns a:focus-visible::before,.footer-columns button:focus-visible::before{opacity:1;transform:scale(1)}
.footer-bottom{position:relative;border-top:1px solid #11111021;display:flex;flex-wrap:wrap;justify-content:space-between;gap:13px 30px;padding:28px 70px 0 0}
.footer-bottom p{font-size:13px;line-height:1.8;color:#323232;margin:0}
.top-button{top:24px;width:40px;height:40px;border:1px solid #111110;color:#111110;background:transparent;transition:background var(--handoff-color),color var(--handoff-color);font-size:18px}
.top-button:hover,.top-button:focus-visible{background:#111110;color:#fff}
.dialog-confirm{min-height:48px;background:#0FDFDD;color:#111110;font-weight:600;transition:background var(--handoff-color),color var(--handoff-color)}
.dialog-confirm:hover,.dialog-confirm:focus-visible{background:#111110;color:#fff}
.dialog-close{width:40px;height:40px;display:grid;place-items:center;transition:background var(--handoff-color)}.dialog-close:hover{background:#f5f5f5}
@media(max-width:799px){.footer-top{gap:36px;padding-bottom:36px}.footer-columns{flex-basis:100%;padding-top:0}.footer-columns a,.footer-columns button,.footer-columns h3,.contact p,.contact>span,.footer-bottom p{font-size:14px}.footer-bottom{padding-right:52px;gap:18px}.footer-bottom p+p{margin:0}}

/* 2026-10-27: 이전 카드·아코디언·캐러셀 스타일 제거. 새 구성은 aix.css. 아래는 연구 성과(1-6) 카드와 공통 틀만 유지. */
.container,.ai-intro-layout{width:min(1044px,calc(100% - var(--page-gutter)))}
.ai-section{padding-block:clamp(80px,9vw,130px)}
.ai-section h2{font-size:clamp(26px,2.6vw,32px);font-weight:400;line-height:1.5;letter-spacing:-.02em;color:#323232}
.section-heading{margin-bottom:clamp(40px,5vw,64px)}.section-heading>p{font-size:19px;line-height:1.85;color:#6f6e69;letter-spacing:-.01em;margin-top:20px;max-width:780px}
.step-toggle,.plus-square{width:28px;height:28px;border:1px solid #111110;color:#111110;background:transparent;transition:background var(--handoff-color),color var(--handoff-color)}
.step-toggle:hover,.step-toggle:focus-visible,.research-more:hover .plus-square,.research-more:focus-visible .plus-square{background:#111110;color:#fff}
#ai-research .research-cards h3{font-size:clamp(15px,1.3vw,17px);line-height:1.5;font-weight:400;margin-top:20px;min-height:3em;letter-spacing:-.02em}
.research-cards .research-more{font-size:14px;font-weight:600;line-height:1.5;padding-top:20px;color:#111110;gap:10px}
#ai-research .research-cards:focus-visible{outline:2px solid #087b85;outline-offset:5px}
.research-cards .research-more{font-weight:400}