/* 서명 장면 — 배너·팝업·SEO(접두사 fx-sig-s). 기본이 끝난 상태: 팝업 닫힘·안내 보임 */
.fx-sig-in{transition:opacity .35s var(--fx-ease-std,ease),transform .35s var(--fx-ease-std,ease)}
.fm-armed .fx-sig-in:not(.is-on){opacity:0;transform:translateY(10px)}
.fx-sig-s{gap:24px;align-items:flex-start}
.fx-sig-s__site{flex:1 1 560px;max-width:600px}
.fx-sig-s__seo{flex:1 1 380px;max-width:420px}
.fx-sig-s__page{position:relative;min-height:380px;padding:16px;background:#fff;overflow:hidden}
.fx-sig-s__banner{position:relative;border-radius:12px;background:#111113;color:#fff;overflow:hidden}
.fx-sig-s__banner .fx-feat-swap{min-height:140px}
.fx-sig-s__slide{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:20px 24px}
.fx-sig-s__slide b{font-size:24px;line-height:1.3;letter-spacing:-.02em}
.fx-sig-s__slide span{font-size:14px;color:#cfcfc8}
.fx-sig-s__slide--2{background:#26262c}
.fx-sig-s__dots{position:absolute;left:24px;bottom:12px}
.fx-sig-s__d{display:flex;gap:6px}
.fx-sig-s__dots i{width:8px;height:8px;border-radius:50%;background:#6b6b66}
.fx-sig-s__dots i.is-cur{width:20px;border-radius:4px;background:#fff}
.fx-sig-s__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.fx-sig-s__grid i{display:block;aspect-ratio:1/1;border-radius:10px;background:var(--fx-paper-2)}
.fx-sig-s__veil,.fx-sig-s__pop{opacity:0}
.fx-sig-s__veil.is-on,.fx-sig-s__pop.is-on{opacity:1}
.fx-sig-s__veil{position:absolute;inset:0;background:rgba(17,17,19,.5);pointer-events:none}
.fx-sig-s__pop{position:absolute;top:50%;left:50%;z-index:2;display:flex;flex-direction:column;gap:10px;width:min(300px,86%);margin:0;padding:22px 20px 20px;border-radius:16px;background:var(--fx-paper);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);translate:-50% -50%}
.fm-armed .fx-sig-s__pop.fx-sig-in:not(.is-on){transform:translateY(10px) scale(.97)}
.fx-sig-s__pop-t{font-size:20px;font-weight:700;letter-spacing:-.02em}
.fx-sig-s__pop-d{font-size:15px;color:var(--fx-k2)}
.fx-sig-s__ck{display:flex;align-items:center;gap:8px;min-height:36px;font-size:14px;font-weight:600}
.fx-sig-s__box{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;background:#111113;color:#fff}
.fm-armed .fx-sig-s__box:not(.is-on){background:#fff;box-shadow:inset 0 0 0 1.5px var(--fx-edge-paper-strong);color:transparent}
.fx-sig-s__close{min-height:44px;margin:0}
.fx-sig-s__toast{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 14px;border-radius:12px;background:#111113;color:#fff;font-size:14px;font-weight:600}
.fx-sig-s__k{margin:12px 0 6px;font-size:13px;font-weight:700;color:var(--fx-k3)}
.fx-sig-s__k:first-child{margin-top:0}
.fx-sig-s__in{min-height:44px;padding:11px 14px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--fx-edge-paper-strong);background:#fff;font-size:15px;line-height:1.5}
.fx-sig-s__in--2{min-height:76px}
.fx-sig-s__res{padding:14px 16px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--fx-edge-paper)}
.fx-sig-s__res-u{font-size:13px;color:var(--fx-k3)}
.fx-sig-s__res-t{margin:2px 0;font-size:18px;font-weight:600;color:#1a3fa8}
.fx-sig-s__res-d{font-size:14px;line-height:1.5;color:var(--fx-k2)}
@media (max-width:767px){
  .fx-sig-s{flex-direction:column;align-items:center;padding:0 var(--fx-gut)}
  .fx-sig-s__site,.fx-sig-s__seo{flex:none;width:100%;max-width:none}
  .fx-sig-s__page{min-height:340px}
}
@media (prefers-reduced-motion:reduce){
  .fx-sig-in{transition:none}
}