/* ===== Hero v2 (2026-09-30): 지구 배경 + 2줄 헤드라인 + 실행 채널 띠 + 업종 카드 ===== */
#home.cx-hero{min-height:auto;display:block;padding:120px 0 64px;text-align:center;position:relative;overflow:hidden;color:#fff;word-break:keep-all;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(10,24,44,.45),rgba(10,24,44,.55) 45%,rgba(10,24,44,.2) 80%),
    linear-gradient(180deg,rgba(8,20,38,.55) 0%,rgba(12,34,60,.18) 55%,rgba(8,20,38,.7) 100%),
    url('../images/hero-global-network.webp') no-repeat center 62%/cover;}
.cx-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.cx-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:rgba(255,255,255,.88);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:7px 14px;border-radius:999px;backdrop-filter:blur(8px);margin:0}
.cx-eyebrow i{width:7px;height:7px;border-radius:50%;background:#34c759;box-shadow:0 0 0 4px rgba(52,199,89,.25)}
#home.cx-hero h1{font-family:"Noto Serif KR",serif;font-weight:700;font-size:clamp(27px,4.6vw,58px);line-height:1.28;letter-spacing:-.035em;margin:26px auto 22px;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}
#home.cx-hero h1 .cx-ln{display:block;white-space:nowrap}
#home.cx-hero h1 em{font-style:normal;background:linear-gradient(90deg,#ff7a8a,#7cc4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cx-lead{font-size:clamp(16px,1.8vw,19px);line-height:1.6;color:rgba(255,255,255,.78);max-width:640px;margin:0 auto 34px}
.cx-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cx-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;font-size:16px;padding:16px 28px;transition:.2s;white-space:nowrap;text-decoration:none}
.cx-btn-primary{background:#fff;color:#1d1d1f}
.cx-btn-primary:hover{background:#f2f2f7;transform:translateY(-1px)}
.cx-btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(8px)}
.cx-btn-ghost:hover{border-color:#fff}
.cx-note{margin:16px 0 0;font-size:14px;color:rgba(255,255,255,.65)}
.cx-proof{display:flex;justify-content:center;margin:56px auto 0;padding:0;max-width:820px;list-style:none;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}
.cx-proof li{flex:1;padding:22px 16px;border-right:1px solid rgba(255,255,255,.14)}
.cx-proof li:last-child{border-right:0}
.cx-proof strong{display:block;font-family:Montserrat,Pretendard,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.02em}
.cx-proof span{font-size:14px;color:rgba(255,255,255,.7)}

section.cx-strip{padding:40px 0 64px;background:#fff}
.cx-strip-title{text-align:center;font-size:13px;font-weight:600;letter-spacing:.08em;color:#8e8e93;margin:0 0 18px}
.cx-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.cx-track{display:flex;gap:14px;width:max-content;animation:cxSlide 38s linear infinite}
.cx-chip{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:14px;background:#f5f5f7;font-weight:600;font-size:15px;color:#3a3a3c;white-space:nowrap}
.cx-chip b{font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;color:#fff}
.cx-chip b.cn{background:#d7263d}.cx-chip b.vn{background:#e0a100}.cx-chip b.gl{background:#636366}
@keyframes cxSlide{to{transform:translateX(-50%)}}

section.cx-ind{background:#f5f5f7;padding:88px 0;word-break:keep-all}
.cx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;flex-wrap:wrap}
.cx-kicker{font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;color:#0071e3}
.cx-head h2{font-family:"Noto Serif KR",serif;font-size:clamp(28px,3.6vw,42px);line-height:1.25;letter-spacing:-.03em;margin:10px 0 0;color:#1d1d1f}
.cx-head p{color:#6e6e73;max-width:380px;margin:0}
.cx-arrows{display:flex;gap:8px}
.cx-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid #e5e5ea;background:#fff;font-size:18px;cursor:pointer;color:#1d1d1f}
.cx-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
.cx-cards::-webkit-scrollbar{display:none}
.cx-card{scroll-snap-align:start;position:relative;min-height:400px;border-radius:22px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:26px;isolation:isolate;transition:.25s;text-decoration:none}
.cx-card:hover{transform:translateY(-4px)}
.cx-card::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--g)}
.cx-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.55))}
.cx-tag{display:flex;gap:6px}
.cx-tag span{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.2);backdrop-filter:blur(6px)}
.cx-big{font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;opacity:.85}
.cx-card h3{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:6px 0 10px;color:#fff}
.cx-case{font-size:15px;line-height:1.55;opacity:.95;margin:0 0 18px}
.cx-case strong{display:block;font-size:17px;margin-bottom:4px}
.cx-go{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;background:#fff;color:#1d1d1f;padding:10px 16px;border-radius:999px;align-self:flex-start}

@media (max-width:860px){
  #home.cx-hero{padding:88px 0 44px;background-position:center,center,58% 30%;background-size:auto,auto,auto 125%}
  #home.cx-hero h1{font-size:min(7.8vw,36px);margin:22px auto 18px}
  .cx-lead{font-size:min(3.9vw,16px)}
  .cx-actions .cx-btn{width:100%}
  .cx-proof{margin-top:40px}
  .cx-proof li{padding:16px 6px}
  .cx-proof strong{font-size:19px}
  .cx-proof span{font-size:12px;display:block;line-height:1.35}
  .cx-arrows{display:none}
  .cx-cards{grid-auto-columns:82%}
  section.cx-ind{padding:64px 0}
}
@media (prefers-reduced-motion: reduce){.cx-track{animation:none}}