/* =========================================================
   메인 히어로 — 가운데 정렬 + CI 심볼 와이어프레임(canvas)
   ========================================================= */
.concept-home .hero{display:flex;flex-direction:column;justify-content:center;align-items:center}
.concept-home .hero .content{position:relative;z-index:4;width:min(980px,calc(100% - 40px))!important;margin:0 auto!important;padding:0 0 10px!important;text-align:center!important;transform:none!important;opacity:1!important}
/* 글 뒤를 아주 옅게 밝혀 선이 글자와 겹쳐도 읽기 쉽게 */
.concept-home .hero .content::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:118%;height:150%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(246,249,255,.74),rgba(246,249,255,.42) 55%,rgba(246,249,255,0));pointer-events:none}
.concept-home .hero .headline{font-size:clamp(30px,3.4vw,52px)!important;margin-top:20px!important}
.concept-home .hero .headline .line{white-space:nowrap}
.concept-home .hero .desc{margin-top:16px!important}
.concept-home .hero .hero-cta{justify-content:center!important;margin-top:30px!important}
.concept-home .hero .scroll{display:none!important}
.concept-home .hero :is(.diamonds,.diamonds-left,.hero-cubes){display:none!important}

/* 상단 배지 */
.hl-badge{display:inline-flex;align-items:center;gap:9px;margin:0;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid #DDE5F5;box-shadow:0 6px 18px rgba(42,95,224,.08);font-size:13.5px;font-weight:700;letter-spacing:-.02em;color:#2F4C8F;animation:hlBadge .9s .2s cubic-bezier(.2,.8,.2,1) both}
.hl-badge i{width:7px;height:7px;border-radius:1px;background:#AE0721}
@keyframes hlBadge{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* 와이어프레임 캔버스: 히어로 전체, 글·버튼 아래 */
.hero-lattice{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;display:block}

/* 다시 보기 */
.hl-replay{position:absolute;left:clamp(14px,2vw,28px);bottom:clamp(14px,2.4vh,26px);z-index:6;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid #DCE4F3;border-radius:999px;background:rgba(255,255,255,.85);color:#5A6784;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s}
.hl-replay:hover{color:#2A5FE0;border-color:#B9CBF2}

@media(max-width:700px){
 .concept-home .hero{padding-top:70px;padding-bottom:40px}
 .concept-home .hero .headline{font-size:clamp(25px,7vw,32px)!important}
 .concept-home .hero .headline .line{white-space:normal}
 .hl-badge{font-size:12px;padding:7px 12px}
}
@media(prefers-reduced-motion:reduce){.hl-badge{animation:none}}