/* ===================== 슬라이더 프레임 ===================== */
.fx-hero{position:relative;width:100%;overflow:hidden;font-family:'Noto Sans KR','Segoe UI',sans-serif;background-color:#0d1117;}
.fx-track{display:flex;width:100%;transition:transform .6s cubic-bezier(.5,0,.2,1);}
.fx-slide{flex:0 0 100%;width:100%;}
.fx-slide>div{min-height:480px;height:100%;display:flex;align-items:center;}
/* 화살표 */
.fx-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(13,17,23,.55);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s;backdrop-filter:blur(4px);}
.fx-nav:hover{background:rgba(231,154,60,.85);border-color:transparent;}
.fx-prev{left:16px;}
.fx-next{right:16px;}
/* 인디케이터 */
.fx-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:9px;}
.fx-dot{width:9px;height:9px;border-radius:50%;border:none;background:rgba(255,255,255,.3);cursor:pointer;padding:0;transition:.2s;}
.fx-dot-on{width:26px;border-radius:5px;background:#e79a3c;}
@media (max-width:640px){.fx-nav{width:38px;height:38px;}.fx-prev{left:8px;}.fx-next{right:8px;}}
@media (prefers-reduced-motion:reduce){.fx-track{transition:none;}}

/* ===================== 히어로 정렬 컨테이너 =====================
   히어로 슬라이드(.s1~.s5)는 width:100% + 좌우 padding 60px(모바일 40px) 구조다.
   히어로 바로 아래 섹션(고객사 스트립 · 통계)의 좌우 끝을 히어로 내용과 정확히
   일치시키기 위해 동일한 여백 규칙을 쓰는 컨테이너를 제공한다.
   (max-w-content 1240px 중앙정렬을 쓰면 1440px 화면에서 40px 어긋난다) */
.fx-align{width:100%;margin:0;padding-left:60px;padding-right:60px;}
@media (max-width:680px){.fx-align{padding-left:40px;padding-right:40px;}}
@media (max-width:420px){.fx-align{padding-left:24px;padding-right:24px;}}

/* ===================== SLIDE 1 ===================== */
.s1{position:relative;width:100%;display:flex;align-items:center;gap:34px;padding:44px 60px;flex-wrap:wrap;background:radial-gradient(85% 120% at 80% 12%,rgba(70,110,150,.35),transparent 55%),radial-gradient(70% 90% at 10% 92%,rgba(231,154,60,.10),transparent 60%),linear-gradient(120deg,#0d1117 0%,#161b22 45%,#1c2128 74%,#0d1117 100%);overflow:hidden;}
.s1::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse 90% 90% at 62% 42%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 90% 90% at 62% 42%,#000 42%,transparent 100%);pointer-events:none;}
.s1-copy{position:relative;flex:1 1 380px;min-width:320px;color:#fff;}
.s1-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.05em;color:#cbd5e1;border:1px solid rgba(203,213,225,.28);border-radius:999px;padding:5px 15px;margin-bottom:18px;}
.s1-dot{width:7px;height:7px;border-radius:50%;background:#e79a3c;box-shadow:0 0 8px #e79a3c;}
.s1-title{font-size:28px;line-height:1.3;font-weight:800;margin:0 0 12px;color:#f1f5f9;letter-spacing:-.01em;}
.s1-ac{color:#e79a3c;}
.s1-sub{font-size:13.5px;line-height:1.65;color:#a7b2be;margin:0 0 22px;}
.s1-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;}
.s1-feat{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:12px 13px;}
.s1-fic{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:flex;align-items:center;justify-content:center;}
.s1-fa{background:rgba(231,154,60,.15);}
.s1-fb{background:rgba(91,155,213,.15);}
.s1-fc{background:rgba(142,201,160,.15);}
.s1-fd{background:rgba(157,142,201,.15);}
.s1-ftx{display:flex;flex-direction:column;gap:3px;min-width:0;}
.s1-ftx b{font-size:13px;font-weight:700;color:#fff;line-height:1.3;}
.s1-ftx span{font-size:10.5px;color:#9aa5b1;line-height:1.4;}
.s1-cta{display:inline-flex;align-items:center;gap:8px;background:#e79a3c;color:#1a1207;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:.18s;}
.s1-cta:hover{background:#f0ad55;transform:translateY(-1px);}
.s1-visual{position:relative;flex:1 1 360px;min-width:320px;}
.gc{position:relative;background:rgba(13,17,23,.7);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 18px 20px;box-shadow:0 20px 50px -20px rgba(0,0,0,.8);}
.gc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.gc-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#e2e8f0;}
.gc-live{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:gcpulse 1.6s ease-in-out infinite;}
@keyframes gcpulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.gc-tabs{display:flex;gap:5px;}
.gc-tabs span{width:22px;height:5px;border-radius:3px;background:rgba(255,255,255,.14);}
.gc-tabs span:first-child{background:#e79a3c;}
.gc-axis{display:flex;justify-content:space-between;padding-left:74px;margin-bottom:8px;}
.gc-axis span{font-size:10px;color:#5b6b7d;}
.gc-body{position:relative;display:flex;flex-direction:column;gap:9px;}
.gc-row{display:flex;align-items:center;gap:10px;}
.gc-res{width:64px;flex:0 0 64px;font-size:11px;color:#94a3b8;font-weight:600;text-align:right;}
.gc-track{position:relative;flex:1;height:26px;background:rgba(255,255,255,.03);border-radius:6px;overflow:hidden;}
.gc-track::before,.gc-track::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.05);}
.gc-track::before{left:33%;}
.gc-track::after{left:66%;}
.gc-bar{position:absolute;top:4px;height:18px;left:var(--l);width:0;border-radius:5px;animation:gcgrow .7s cubic-bezier(.5,0,.3,1) forwards;animation-delay:var(--d);opacity:0;}
@keyframes gcgrow{0%{width:0;opacity:0;}10%{opacity:1;}100%{width:var(--w);opacity:1;}}
.b-a{background:linear-gradient(90deg,#e79a3c,#f0ad55);}
.b-b{background:linear-gradient(90deg,#5b9bd5,#7db3e0);}
.b-c{background:linear-gradient(90deg,#9d8ec9,#b3a6d8);}
.gc-now{position:absolute;top:-2px;bottom:-2px;width:2px;background:#e79a3c;box-shadow:0 0 10px rgba(231,154,60,.8);animation:gcnow 5s ease-in-out infinite;}
@keyframes gcnow{0%{left:calc(74px + (100% - 74px) * .1);}100%{left:calc(74px + (100% - 74px) * .92);}}
.gc-now::before{content:"";position:absolute;top:-3px;left:-3px;width:8px;height:8px;border-radius:50%;background:#e79a3c;}
.s1-chip{position:absolute;display:inline-flex;align-items:center;gap:7px;background:rgba(20,26,34,.92);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:600;color:#e2e8f0;z-index:3;}
.s1-chip1{top:-10px;right:-6px;}
.s1-chip2{bottom:-12px;left:-8px;}
@media (max-width:680px){.s1{padding:34px 40px;}.s1-title{font-size:23px;}.s1-feats{grid-template-columns:1fr;}.s1-chip1{right:6px;}.s1-chip2{left:4px;}}
@media (prefers-reduced-motion:reduce){.gc-bar{animation-duration:.01s;}.gc-now,.gc-live{animation:none;}}

/* ===================== SLIDE 2 ===================== */
.s2{position:relative;width:100%;display:flex;align-items:center;gap:34px;padding:44px 60px;flex-wrap:wrap;background:radial-gradient(85% 120% at 80% 12%,rgba(120,100,175,.32),transparent 55%),radial-gradient(70% 90% at 10% 92%,rgba(120,100,175,.10),transparent 60%),linear-gradient(120deg,#0d1117 0%,#161b22 45%,#1c2128 74%,#0d1117 100%);overflow:hidden;}
.s2::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse 90% 90% at 62% 42%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 90% 90% at 62% 42%,#000 42%,transparent 100%);pointer-events:none;}
.s2-copy{position:relative;flex:1 1 340px;min-width:300px;color:#fff;}
.s2-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.05em;color:#cbd5e1;border:1px solid rgba(196,181,230,.35);border-radius:999px;padding:5px 15px;margin-bottom:16px;}
.s2-dot{width:7px;height:7px;border-radius:50%;background:#9d8ec9;box-shadow:0 0 8px #9d8ec9;}
.s2-prob{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#c4b5e6;background:rgba(157,142,201,.1);border-left:3px solid #9d8ec9;border-radius:0 6px 6px 0;padding:8px 12px;margin-bottom:16px;}
.s2-title{font-size:29px;line-height:1.3;font-weight:800;margin:0 0 14px;color:#f1f5f9;letter-spacing:-.01em;}
.s2-ac{color:#b3a6d8;}
.s2-sub{font-size:14px;line-height:1.7;color:#a7b2be;margin:0 0 20px;}
.s2-feats{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:9px;}
.s2-feats li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#d5dbe2;}
.s2-chk{width:19px;height:19px;flex:0 0 19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#1a1207;}
.s2-chk-p{background:#b3a6d8;}
.s2-chk-g{background:#8ec9a0;}
.s2-cta{display:inline-flex;align-items:center;gap:8px;background:#e79a3c;color:#1a1207;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:.18s;}
.s2-cta:hover{background:#f0ad55;transform:translateY(-1px);}
.s2-visual{position:relative;flex:1 1 380px;min-width:320px;}
.cal{position:relative;background:rgba(13,17,23,.7);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 18px;box-shadow:0 20px 50px -20px rgba(0,0,0,.8);}
.cal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.cal-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#e2e8f0;}
.cal-live{width:8px;height:8px;border-radius:50%;background:#b3a6d8;box-shadow:0 0 8px #b3a6d8;animation:s2pulse 1.6s ease-in-out infinite;}
@keyframes s2pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.cal-badge{font-size:11px;font-weight:800;color:#1a1207;background:#b3a6d8;border-radius:6px;padding:2px 9px;}
.cal-plot{position:relative;height:150px;background:rgba(255,255,255,.02);border-radius:8px;overflow:hidden;}
.cal-target{position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,#8ec9a0,#8ec9a0,transparent);opacity:.8;}
.cal-tlabel{position:absolute;right:10px;top:calc(50% - 20px);font-size:10px;color:#8ec9a0;font-weight:600;}
.cal-pt{position:absolute;left:var(--x);top:50%;width:9px;height:9px;border-radius:50%;background:#b3a6d8;margin:-4.5px 0 0 -4.5px;box-shadow:0 0 8px rgba(179,166,216,.7);transform:translateY(var(--sy));animation:calsettle 2.6s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--d);}
.cal-new{background:#8ec9a0;box-shadow:0 0 8px rgba(142,201,160,.7);}
@keyframes calsettle{0%{transform:translateY(var(--sy));opacity:.35;}35%{transform:translateY(0);opacity:1;}80%{transform:translateY(0);opacity:1;}100%{transform:translateY(var(--sy));opacity:.35;}}
.cal-foot{display:flex;align-items:center;gap:14px;margin-top:12px;}
.cal-legend{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8;}
.cal-lg{width:9px;height:9px;border-radius:50%;}
.cal-lg-p{background:#b3a6d8;}
.cal-lg-g{background:#8ec9a0;}
.s2-chip{position:absolute;bottom:-12px;left:-8px;display:inline-flex;align-items:center;gap:7px;background:rgba(20,26,34,.92);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:600;color:#e2e8f0;z-index:3;}
@media (max-width:680px){.s2{padding:34px 40px;}.s2-title{font-size:24px;}.s2-chip{left:4px;}}
@media (prefers-reduced-motion:reduce){.cal-pt{animation:none;transform:translateY(0);}.cal-live{animation:none;}}

/* ===================== SLIDE 3 ===================== */
.s3{position:relative;width:100%;display:flex;align-items:center;gap:34px;padding:44px 60px;flex-wrap:wrap;background:radial-gradient(85% 120% at 80% 12%,rgba(231,154,60,.28),transparent 55%),radial-gradient(70% 90% at 10% 92%,rgba(231,154,60,.10),transparent 60%),linear-gradient(120deg,#0d1117 0%,#161b22 45%,#1c2128 74%,#0d1117 100%);overflow:hidden;}
.s3::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse 90% 90% at 62% 42%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 90% 90% at 62% 42%,#000 42%,transparent 100%);pointer-events:none;}
.s3-copy{position:relative;flex:1 1 340px;min-width:300px;color:#fff;}
.s3-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.05em;color:#cbd5e1;border:1px solid rgba(231,154,60,.35);border-radius:999px;padding:5px 15px;margin-bottom:16px;}
.s3-dot{width:7px;height:7px;border-radius:50%;background:#e79a3c;box-shadow:0 0 8px #e79a3c;}
.s3-prob{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#f0ad55;background:rgba(231,154,60,.1);border-left:3px solid #e79a3c;border-radius:0 6px 6px 0;padding:8px 12px;margin-bottom:16px;}
.s3-title{font-size:29px;line-height:1.3;font-weight:800;margin:0 0 14px;color:#f1f5f9;letter-spacing:-.01em;}
.s3-ac{color:#f0ad55;}
.s3-sub{font-size:14px;line-height:1.7;color:#a7b2be;margin:0 0 20px;}
.s3-modes{display:flex;gap:12px;margin-bottom:24px;}
.s3-mode{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 14px;}
.s3-on{border-color:rgba(231,154,60,.5);background:rgba(231,154,60,.08);}
.s3-mhead{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:#fff;margin-bottom:5px;}
.s3-mtxt{font-size:11.5px;color:#9aa5b1;}
.s3-cta{display:inline-flex;align-items:center;gap:8px;background:#e79a3c;color:#1a1207;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:.18s;}
.s3-cta:hover{background:#f0ad55;transform:translateY(-1px);}
.s3-visual{position:relative;flex:1 1 380px;min-width:320px;}
.opt{position:relative;background:rgba(13,17,23,.7);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 18px;box-shadow:0 20px 50px -20px rgba(0,0,0,.8);}
.opt-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.opt-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#e2e8f0;}
.opt-live{width:8px;height:8px;border-radius:50%;background:#f0ad55;box-shadow:0 0 8px #f0ad55;animation:s3pulse 1.6s ease-in-out infinite;}
@keyframes s3pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.opt-iter{font-size:11.5px;color:#94a3b8;}
.opt-iter b{color:#f0ad55;}
.opt-plot{position:relative;height:150px;background:rgba(255,255,255,.02);border-radius:8px;overflow:hidden;}
.opt-curve{stroke-dasharray:420;stroke-dashoffset:420;animation:optdraw 2.6s ease-out infinite;}
@keyframes optdraw{0%{stroke-dashoffset:420;}55%{stroke-dashoffset:0;}90%{stroke-dashoffset:0;}100%{stroke-dashoffset:420;}}
.opt-cand{position:absolute;left:var(--x);top:var(--y);width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);margin:-4px 0 0 -4px;animation:optcand 2.6s ease-in-out infinite;animation-delay:var(--d);}
@keyframes optcand{0%,100%{opacity:0;transform:scale(.5);}25%,70%{opacity:.7;transform:scale(1);}}
.opt-best{position:absolute;left:var(--x);top:var(--y);width:14px;height:14px;border-radius:50%;background:#f0ad55;margin:-7px 0 0 -7px;box-shadow:0 0 14px #f0ad55;opacity:0;animation:optbest 2.6s ease-in-out infinite;animation-delay:var(--d);}
@keyframes optbest{0%,50%{opacity:0;transform:scale(.4);}65%{opacity:1;transform:scale(1.25);}80%,95%{opacity:1;transform:scale(1);}100%{opacity:0;}}
.opt-bestlab{position:absolute;right:8px;top:8px;font-size:10px;font-weight:700;color:#f0ad55;opacity:0;animation:optlab 2.6s ease-in-out infinite;animation-delay:1.4s;}
@keyframes optlab{0%,55%{opacity:0;}70%,95%{opacity:1;}100%{opacity:0;}}
.opt-bars{display:flex;gap:14px;margin-top:12px;}
.opt-metric{flex:1;}
.opt-mlab{font-size:11px;color:#94a3b8;margin-bottom:4px;}
.opt-track{height:7px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;}
.opt-fill{height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#e79a3c,#f0ad55);animation:optfill 1s ease-out forwards;animation-delay:var(--d);}
.opt-f-b{background:linear-gradient(90deg,#5b9bd5,#7db3e0);}
@keyframes optfill{to{width:var(--w);}}
.s3-chip{position:absolute;bottom:-12px;left:-8px;display:inline-flex;align-items:center;gap:7px;background:rgba(20,26,34,.92);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:600;color:#e2e8f0;z-index:3;}
@media (max-width:680px){.s3{padding:34px 40px;}.s3-title{font-size:24px;}.s3-chip{left:4px;}}
@media (prefers-reduced-motion:reduce){.opt-curve,.opt-cand,.opt-best,.opt-bestlab,.opt-fill,.opt-live{animation:none;}.opt-curve{stroke-dashoffset:0;}.opt-fill{width:var(--w);}}

/* ===================== SLIDE 4 ===================== */
.s4{position:relative;width:100%;display:flex;align-items:center;gap:34px;padding:44px 60px;flex-wrap:wrap;background:radial-gradient(85% 120% at 80% 12%,rgba(70,120,170,.32),transparent 55%),radial-gradient(70% 90% at 10% 92%,rgba(70,120,170,.10),transparent 60%),linear-gradient(120deg,#0d1117 0%,#161b22 45%,#1c2128 74%,#0d1117 100%);overflow:hidden;}
.s4::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse 90% 90% at 62% 42%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 90% 90% at 62% 42%,#000 42%,transparent 100%);pointer-events:none;}
.s4-copy{position:relative;flex:1 1 340px;min-width:300px;color:#fff;}
.s4-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.05em;color:#cbd5e1;border:1px solid rgba(125,179,224,.35);border-radius:999px;padding:5px 15px;margin-bottom:16px;}
.s4-dot{width:7px;height:7px;border-radius:50%;background:#5b9bd5;box-shadow:0 0 8px #5b9bd5;}
.s4-prob{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#7db3e0;background:rgba(91,155,213,.1);border-left:3px solid #5b9bd5;border-radius:0 6px 6px 0;padding:8px 12px;margin-bottom:16px;}
.s4-title{font-size:29px;line-height:1.3;font-weight:800;margin:0 0 14px;color:#f1f5f9;letter-spacing:-.01em;}
.s4-ac{color:#7db3e0;}
.s4-sub{font-size:14px;line-height:1.7;color:#a7b2be;margin:0 0 20px;}
.s4-feats{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:9px;}
.s4-feats li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#d5dbe2;}
.s4-chk{width:19px;height:19px;flex:0 0 19px;border-radius:50%;background:#7db3e0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#1a1207;}
.s4-cta{display:inline-flex;align-items:center;gap:8px;background:#e79a3c;color:#1a1207;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:.18s;}
.s4-cta:hover{background:#f0ad55;transform:translateY(-1px);}
.s4-visual{position:relative;flex:1 1 380px;min-width:320px;}
.co{position:relative;background:rgba(13,17,23,.7);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 18px;box-shadow:0 20px 50px -20px rgba(0,0,0,.8);}
.co-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.co-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#e2e8f0;}
.co-live{width:8px;height:8px;border-radius:50%;background:#5b9bd5;box-shadow:0 0 8px #5b9bd5;animation:s4pulse 1.6s ease-in-out infinite;}
@keyframes s4pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.co-time{font-size:11px;color:#5b9bd5;font-weight:600;}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.co-cell{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:11px 12px;}
.co-alert{border-color:rgba(251,191,71,.4);}
.co-chead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.co-name{font-size:12px;font-weight:600;color:#d5dbe2;}
.co-st{font-size:10px;font-weight:700;border-radius:5px;padding:2px 7px;}
.co-run{color:#4ade80;background:rgba(74,222,128,.14);}
.co-warn{color:#fbbf47;background:rgba(251,191,71,.16);animation:s4blink 1.2s ease-in-out infinite;}
.co-idle{color:#8a95a1;background:rgba(138,149,161,.14);}
@keyframes s4blink{0%,100%{opacity:1;}50%{opacity:.5;}}
.co-bar{height:6px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;margin-bottom:7px;}
.co-fill{height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#5b9bd5,#7db3e0);animation:s4fill 1.1s ease-out forwards;animation-delay:var(--d);}
.co-f-w{background:linear-gradient(90deg,#d99a2b,#fbbf47);}
.co-f-i{background:linear-gradient(90deg,#6b7280,#94a3b8);}
@keyframes s4fill{to{width:var(--w);}}
.co-meta{font-size:10.5px;color:#8a95a1;}
.co-mw{color:#fbbf47;}
.co-foot{display:flex;align-items:center;gap:14px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);}
.co-kpi{display:flex;align-items:center;gap:5px;font-size:11px;color:#94a3b8;}
.co-kg{color:#4ade80;font-size:14px;}
.co-ky{color:#fbbf47;font-size:14px;}
.co-ki{color:#94a3b8;font-size:14px;}
.co-sync{margin-left:auto;font-size:11px;color:#94a3b8;display:flex;align-items:center;gap:6px;}
.co-rts{font-size:10px;font-weight:800;color:#1a1207;background:#7db3e0;border-radius:5px;padding:2px 7px;}
.s4-chip{position:absolute;bottom:-12px;left:-8px;display:inline-flex;align-items:center;gap:7px;background:rgba(20,26,34,.92);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:600;color:#e2e8f0;z-index:3;}
@media (max-width:680px){.s4{padding:34px 40px;}.s4-title{font-size:24px;}.s4-chip{left:4px;}}
@media (prefers-reduced-motion:reduce){.co-fill{width:var(--w);animation:none;}.co-live,.co-warn{animation:none;}}

/* ===================== SLIDE 5 ===================== */
.s5{position:relative;width:100%;padding:40px 60px;background:radial-gradient(70% 90% at 82% 8%,rgba(231,154,60,.20),transparent 55%),radial-gradient(60% 80% at 12% 95%,rgba(120,100,175,.18),transparent 60%),linear-gradient(120deg,#0d1117 0%,#161b22 45%,#1c2128 74%,#0d1117 100%);overflow:hidden;}
.s5::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse 95% 80% at 50% 35%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 95% 80% at 50% 35%,#000 45%,transparent 100%);pointer-events:none;}
.s5-head{position:relative;text-align:center;margin-bottom:26px;}
.s5-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.06em;color:#cbd5e1;border:1px solid rgba(231,154,60,.35);border-radius:999px;padding:5px 15px;margin-bottom:14px;}
.s5-dot{width:7px;height:7px;border-radius:50%;background:#e79a3c;box-shadow:0 0 8px #e79a3c;}
.s5-title{font-size:27px;line-height:1.3;font-weight:800;margin:0 0 10px;color:#f1f5f9;letter-spacing:-.01em;}
.s5-ac{color:#e79a3c;}
.s5-sub{font-size:13.5px;line-height:1.6;color:#a7b2be;margin:0 auto;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.s5-stage{position:relative;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.s5-prep{position:relative;flex:1 1 240px;min-width:240px;align-self:stretch;border:1.5px dashed rgba(142,201,160,.5);border-radius:14px;padding:14px 15px 26px;background:rgba(142,201,160,.05);display:flex;flex-direction:column;justify-content:center;}
.s5-preptag{position:absolute;top:-11px;left:16px;font-size:10.5px;font-weight:700;color:#0d1117;background:#8ec9a0;border-radius:6px;padding:2px 10px;}
.s5-prephead{font-size:12px;font-weight:700;color:#8ec9a0;margin-bottom:11px;padding-top:2px;}
.s5-step{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:8px 11px;margin-bottom:8px;}
.s5-ic{width:28px;height:28px;flex:0 0 28px;border-radius:8px;display:flex;align-items:center;justify-content:center;}
.s5-ic-dt{background:rgba(142,201,160,.16);}
.s5-ic-ac{background:rgba(179,166,216,.16);}
.s5-stx{font-size:11.5px;color:#c4ccd6;line-height:1.3;}
.s5-stx b{color:#fff;font-weight:700;}
.s5-feed{position:absolute;bottom:7px;right:14px;font-size:10.5px;color:#8ec9a0;font-weight:600;}
.s5-loop{position:relative;flex:2 1 440px;min-width:340px;border:1.5px solid rgba(231,154,60,.38);border-radius:14px;padding:24px 18px 18px;background:rgba(231,154,60,.03);}
.s5-looptag{position:absolute;top:-11px;left:16px;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:#1a1207;background:#e79a3c;border-radius:6px;padding:2px 10px;margin:0;}
.s5-nodes{display:flex;align-items:stretch;gap:6px;}
.s5-node{flex:1;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-top:2px solid var(--c);border-radius:11px;padding:14px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;}
.s5-nic{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;}
.s5-nm{font-size:13.5px;font-weight:700;color:#fff;}
.s5-nd{font-size:10.5px;line-height:1.5;color:#9aa5b1;}
.s5-nd i{color:var(--c);font-style:normal;font-weight:600;}
.s5-arr{display:flex;align-items:center;flex:0 0 auto;}
.s5-return{display:flex;align-items:center;gap:12px;margin-top:16px;}
.s5-rline{flex:1;height:0;border-top:1.4px dashed rgba(231,154,60,.5);}
.s5-rtxt{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#f0ad55;white-space:nowrap;font-weight:600;}
.s5-cta-wrap{position:relative;text-align:center;margin-top:26px;}
.s5-cta{display:inline-flex;align-items:center;gap:8px;background:#e79a3c;color:#1a1207;border-radius:10px;padding:13px 28px;font-size:14.5px;font-weight:700;text-decoration:none;transition:.18s;}
.s5-cta:hover{background:#f0ad55;transform:translateY(-1px);}
@media (max-width:720px){.s5{padding:34px 40px;}.s5-stage{flex-direction:column;align-items:stretch;}.s5-nodes{flex-wrap:wrap;}.s5-arr{transform:rotate(90deg);width:100%;justify-content:center;}.s5-node{flex:1 1 100%;}.s5-title{font-size:22px;}}
/* ===================== 통합 보정 (EGITCON) ===================== */
/* .fx-slide>div 의 display:flex 가 SLIDE5 세로 스택 레이아웃을 깨뜨리는 문제 보정 */
.fx-slide > .s5{display:flex;flex-direction:column;justify-content:center;align-items:stretch;}
.fx-slide > .s5 > *{width:100%;}

/* SLIDE5 부제는 한 줄 표기가 원칙이다(.s5-sub 의 white-space:nowrap).
   한 줄이 들어가지 않는 좁은 폭에서는 말줄임으로 잘리지 않도록 다시 줄바꿈을 허용한다.
   기준 폭 860px = 문구 실측 748px + 좌우 padding 120px 여유 */
@media (max-width:860px){.s5-sub{white-space:normal;overflow:visible;text-overflow:clip;max-width:640px;}}