/* v119 · QA 1차: 첫 화면 서비스 4칸 · 중간 상담 버튼 · 용어 풀이 */
/* first screen: four services, lit as the wall builds; AX ONE lights when the wall is complete */
.wall-hero-foot.hf-v93{display:flex !important;flex-direction:column;gap:20px !important}
.hf-v93 .whf-en{margin:0;font:600 clamp(15px,1.2vw,18px)/1.3 var(--en);color:rgba(255,255,255,.8)}
.hsx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.hsx-item{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px 24px 6px;color:#fff;text-decoration:none;border-left:1px solid rgba(255,255,255,.1)}
.hsx-item:first-child{border-left:0;padding-left:0}
.hsx-track{position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.14)}
.hsx-track i{position:absolute;inset:0;background:#fd4533;transform-origin:left;transform:scaleX(var(--p,0))}
.hsx-top{display:flex;align-items:baseline;gap:12px}
.hsx-no{font:700 12px/1 var(--en);color:rgba(255,255,255,.4);letter-spacing:.04em;transition:color .5s}
.hsx-name{font:700 clamp(20px,1.7vw,27px)/1 var(--en);letter-spacing:-.03em;color:rgba(255,255,255,.42);transition:color .6s}
.hsx-item.is-set .hsx-no{color:#fd4533}
.hsx-item.is-set .hsx-name{color:#fff}
.hsx-item.is-one.is-set .hsx-name{color:#fd4533}
.hsx-go{margin-left:auto;font-size:14px;color:rgba(255,255,255,.35);transition:transform .35s,color .35s}
.hsx-flip{position:relative;display:block;height:22px;overflow:hidden}
.hsx-role,.hsx-q{position:absolute;left:0;top:0;white-space:nowrap;font:400 14px/22px var(--kr);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s}
.hsx-role{color:rgba(255,255,255,.6)}
.hsx-q{color:#fff;font-weight:600;transform:translateY(100%);opacity:0}
.hsx-item:hover .hsx-role,.hsx-item:focus-visible .hsx-role{transform:translateY(-100%);opacity:0}
.hsx-item:hover .hsx-q,.hsx-item:focus-visible .hsx-q{transform:none;opacity:1}
.hsx-item:hover .hsx-go,.hsx-item:focus-visible .hsx-go{color:#fd4533;transform:translate(2px,-2px)}
.hsx-item:hover .hsx-name,.hsx-item:focus-visible .hsx-name{color:#fff}
.hsx-item:focus-visible{outline:2px solid #fd4533;outline-offset:4px}
@media (min-width:821px){.wall-hero-foot.hf-v93{right:calc(var(--pad) + 84px) !important}}
@media (max-width:820px){.hf-v93 .whf-en{display:none}.hsx{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:6px}.hsx-item{padding:12px 10px 4px}.hsx-item:nth-child(3){border-left:0;padding-left:0}.hsx-name{font-size:16px}.hsx-flip{height:auto}.hsx-q{display:none}.hsx-role{position:static;font-size:11px;line-height:1.4;white-space:normal}.hsx-go{display:none}.wall-hero-foot.hf-v93{right:calc(var(--pad) + 62px) !important}}
/* slightly shorter first screen (lit scene still lingers) */
.wall.wall-hero{height:320svh !important}

/* mid-page consult prompt */
.mid-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(70px,8vw,120px);padding:26px 30px;border-radius:18px;border:1px solid rgba(253,69,51,.35);background:linear-gradient(90deg,rgba(253,69,51,.1),rgba(253,69,51,.02) 60%)}
.mc-t{margin:0;font:750 clamp(20px,1.7vw,26px)/1.3 var(--kr);letter-spacing:-.04em;color:#fff}
.mc-s{margin:6px 0 0;font:400 15px/1.55 var(--kr);color:rgba(255,255,255,.62)}
.mc-btn{all:unset;cursor:pointer;flex:none;display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;background:#fd4533;color:#fff;font:600 15px/1 var(--kr);transition:background .3s,transform .3s}
.mc-btn:hover,.mc-btn:focus-visible{background:#ff5a47;transform:translateY(-2px)}
.mc-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:820px){.mid-cta{flex-direction:column;align-items:flex-start}}

/* glossary: dotted terms with a short explanation */
.gl{position:relative;border-bottom:1px dotted rgba(255,255,255,.5);cursor:help}
.gl::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,4px);width:max-content;max-width:260px;padding:10px 12px;border-radius:10px;background:#fff;color:#111;font:500 13px/1.5 var(--kr);letter-spacing:-.01em;white-space:normal;text-align:left;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30}
.gl:hover::after,.gl:focus::after{opacity:1;transform:translate(-50%,0)}
.gl:focus{outline:none;border-bottom-color:#fd4533}
.ct-card .gl,.team-x .gl,.kx-top .gl{border-bottom-color:rgba(0,0,0,.4)}