:where(.combined-story,.combined-proof) .wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}
:where(.combined-story,.combined-proof) .map-heading{padding:24px 26px 0;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;gap:12px}
:where(.combined-story,.combined-proof) .space-map{width:100%;display:block}
:where(.combined-story,.combined-proof) .map-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 26px 24px;font-size:13px;color:var(--muted)}
:where(.combined-story,.combined-proof) .map-caption>span:first-child{display:flex;gap:8px;align-items:center}
:where(.combined-story,.combined-proof) .map-caption i{width:6px;height:6px;border-radius:50%;background:var(--purple);display:inline-block}
.combined-story{padding-top:150px;background:#eeedf1}
:where(.combined-story,.combined-proof) .story-heading{margin-bottom:75px}
:where(.combined-story,.combined-proof) .story-heading h2{font-size:48px}
:where(.combined-story,.combined-proof) .story-heading>p:last-child{margin-top:24px;color:var(--muted)}
:where(.combined-story,.combined-proof) .story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}
:where(.combined-story,.combined-proof) .story-step{height:76svh;min-height:520px;display:flex;align-items:center;position:relative;padding-bottom:40px}
:where(.combined-story,.combined-proof) .step-inner{border-left:2px solid #d7d2e3;padding-left:25px;opacity:.42;transform:translateY(18px);transition:opacity .45s,transform .65s,border-color .45s}
:where(.combined-story,.combined-proof) .story-step.active .step-inner{opacity:1;transform:none;border-color:var(--purple)}
:where(.combined-story,.combined-proof) .step-number{font-size:13px;letter-spacing:.025em;color:var(--purple);display:block;margin-bottom:25px}
:where(.combined-story,.combined-proof) .story-step h3{font-size:36px;line-height:1.3}
:where(.combined-story,.combined-proof) .story-step p{font-size:16px;line-height:1.75;color:var(--muted);margin-top:24px}
:where(.combined-story,.combined-proof) .step-detail{display:inline-block;margin-top:30px;font-size:13px;color:var(--purple)}
:where(.combined-story,.combined-proof) .story-visual{position:sticky;top:116px;padding-bottom:80px}
:where(.combined-story,.combined-proof) .story-map{background:#fbfaff;border:1px solid #ddd8e8;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px #2b24520a}
:where(.combined-story,.combined-proof) .story-map .space-map{max-height:50svh}
:where(.combined-story,.combined-proof) .story-state{display:flex;gap:17px;align-items:center;padding:24px 26px;border-top:1px solid #e8e4ee}
:where(.combined-story,.combined-proof) .stage-rail{display:flex;gap:6px;padding:0 26px 24px}
:where(.combined-story,.combined-proof) .stage-rail>span{height:3px;flex:1;background:#e8e3f0}
:where(.combined-story,.combined-proof) .stage-rail i{display:block;height:100%;background:var(--purple);transform:scaleX(0);transform-origin:left}
:where(.combined-story,.combined-proof) .map-footnote{font-size:12px;color:var(--muted);text-align:right;margin-top:14px}
.combined-proof{background:#292633;color:#f6f4fb;padding:115px 0 75px;overflow:hidden}
.proof-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:55px}
.combined-proof .eyebrow{color:#b3a7f6}
.proof-heading h2{font-size:43px;line-height:1.3}
.proof-heading>p{font-size:15px;line-height:1.75;color:#c0b8d0;padding-bottom:8px}
.proof-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}
:where(.combined-story,.combined-proof) .metric{padding:36px 32px 36px 0}
:where(.combined-story,.combined-proof) .metric:not(:first-child){padding-left:36px;border-left:1px solid #ffffff26}
:where(.combined-story,.combined-proof) .metric-label{font-size:14px;color:#c9c1d9}
:where(.combined-story,.combined-proof) .metric>p{font-size:16px;margin:15px 0}
:where(.combined-story,.combined-proof) .metric strong{font-size:68px;letter-spacing:-.045em;font-weight:500;line-height:1.2}
:where(.combined-story,.combined-proof) .metric small{font-size:14px;color:#c9c1d9}
:where(.combined-story,.combined-proof) .metric>span:last-child{font-size:13px;color:#a59caf}
.proof-foot{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:30px;font-size:13px;color:#c0b8d0}
.proof-foot span{font-size:12px;white-space:nowrap}
:where(.combined-story,.combined-proof) .metric:nth-child(2){transition-delay:.1s}
:where(.combined-story,.combined-proof) .metric:nth-child(3){transition-delay:.2s}
@media(min-width:1700px){:where(.combined-story,.combined-proof) .wrap{width:min(1450px,calc(100% - 160px))}
:where(.combined-story,.combined-proof) .story-step h3{font-size:40px}
}
@media(max-width:1100px){:where(.combined-story,.combined-proof) .wrap{width:calc(100% - 64px)}
:where(.combined-story,.combined-proof) .story-grid{gap:36px;grid-template-columns:.85fr 1.15fr}
:where(.combined-story,.combined-proof) .story-step h3{font-size:28px}
:where(.combined-story,.combined-proof) .story-step p{font-size:15px}
:where(.combined-story,.combined-proof) .step-inner{padding-left:17px}
:where(.combined-story,.combined-proof) .story-heading h2{font-size:40px}
.proof-heading h2{font-size:34px}
.proof-heading>p{font-size:14px}
:where(.combined-story,.combined-proof) .metric strong{font-size:52px}
:where(.combined-story,.combined-proof) .metric:not(:first-child){padding-left:24px}
.proof-foot{align-items:flex-start;flex-direction:column;gap:10px}
:where(.combined-story,.combined-proof) .story-map .map-heading{padding:20px 18px 0}
:where(.combined-story,.combined-proof) .story-state{padding:18px}
:where(.combined-story,.combined-proof) .stage-rail{padding:0 18px 20px}
}
@media(max-width:760px){:where(.combined-story,.combined-proof) .wrap{width:calc(100% - 40px)}
:where(.combined-story,.combined-proof) .map-heading{padding:18px 18px 0;font-size:12px}
:where(.combined-story,.combined-proof) .map-caption{padding:0 18px 18px;font-size:12px}
.combined-story{padding-top:85px;margin-top:45px}
:where(.combined-story,.combined-proof) .story-heading{margin-bottom:35px}
:where(.combined-story,.combined-proof) .story-heading h2{font-size:34px}
:where(.combined-story,.combined-proof) .story-heading>p:last-child{font-size:15px;max-width:300px;margin-top:20px}
:where(.combined-story,.combined-proof) .story-grid{display:flex;flex-direction:column;gap:0;position:relative}
:where(.combined-story,.combined-proof) .story-visual{position:sticky;top:88px;order:-1;width:100%;padding-bottom:0;z-index:10;pointer-events:none}
:where(.combined-story,.combined-proof) .story-map{border-radius:17px}
:where(.combined-story,.combined-proof) .story-map .space-map{height:min(31svh,260px)}
:where(.combined-story,.combined-proof) .story-map .map-heading{padding:13px 16px 0;font-size:12px}
:where(.combined-story,.combined-proof) .story-state{padding:12px 16px;gap:11px}
:where(.combined-story,.combined-proof) .stage-rail{padding:0 16px 14px}
:where(.combined-story,.combined-proof) .map-footnote{font-size:11px;margin-top:6px}
:where(.combined-story,.combined-proof) .story-steps{width:100%}
:where(.combined-story,.combined-proof) .story-step{height:74svh;min-height:570px;align-items:flex-end;padding-top:360px;padding-bottom:65px}
:where(.combined-story,.combined-proof) .story-step:last-child{padding-bottom:80px}
:where(.combined-story,.combined-proof) .story-step h3{font-size:29px}
:where(.combined-story,.combined-proof) .story-step p{font-size:15px;margin-top:18px}
:where(.combined-story,.combined-proof) .step-number{margin-bottom:18px;font-size:12px}
:where(.combined-story,.combined-proof) .step-detail{margin-top:22px;font-size:12px}
:where(.combined-story,.combined-proof) .step-inner{opacity:.65;transform:none}
.combined-proof{padding:75px 0 45px}
.proof-heading{flex-direction:column;align-items:flex-start;gap:25px}
.proof-heading h2{font-size:30px}
.proof-metrics{margin-top:35px;display:flex;flex-direction:column}
:where(.combined-story,.combined-proof) .metric{padding:23px 0;display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:center}
:where(.combined-story,.combined-proof) .metric:not(:first-child){padding-left:0;border-left:0;border-top:1px solid #ffffff26}
:where(.combined-story,.combined-proof) .metric p{grid-column:2;grid-row:1/3;margin:0;font-size:14px}
:where(.combined-story,.combined-proof) .metric strong{font-size:46px}
:where(.combined-story,.combined-proof) .metric-label{font-size:13px}
:where(.combined-story,.combined-proof) .metric>span:last-child{font-size:12px}
.proof-foot{font-size:12px;line-height:1.7;margin-top:24px}
.proof-foot span{font-size:11px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){:where(.combined-story,.combined-proof) .step-inner{opacity:1!important;transform:none!important}
:where(.combined-story,.combined-proof) .story-visual{position:relative;top:0}
:where(.combined-story,.combined-proof) .story-step{height:auto;min-height:0;padding:40px 0}
:where(.combined-story,.combined-proof) .story-step:not(:last-child){border-bottom:1px solid var(--line)}
}
:where(.combined-story,.combined-proof) .mobile-story-copy{display:none}
@media(max-width:760px){:where(.combined-story,.combined-proof) .story-map .space-map{height:min(26svh,215px)}
:where(.combined-story,.combined-proof) .mobile-story-copy{display:block;position:relative;height:235px;margin-top:20px}
:where(.combined-story,.combined-proof) .mobile-step{position:absolute;inset:0;padding-left:18px;border-left:2px solid var(--purple);opacity:0;transform:translateY(15px);transition:opacity .35s ease,transform .45s ease;pointer-events:none}
:where(.combined-story,.combined-proof) .mobile-step.active{opacity:1;transform:none}
:where(.combined-story,.combined-proof) .mobile-step h3{font-size:27px;line-height:1.3}
:where(.combined-story,.combined-proof) .mobile-step p{font-size:15px;color:var(--muted);line-height:1.7;margin-top:16px}
:where(.combined-story,.combined-proof) .mobile-step .step-number{margin-bottom:16px}
:where(.combined-story,.combined-proof) .mobile-step .step-detail{margin-top:18px}
:where(.combined-story,.combined-proof) .story-step{padding:0;display:block}
:where(.combined-story,.combined-proof) .story-step .step-inner{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}
@media(max-width:760px) and (max-height:700px){:where(.combined-story,.combined-proof) .story-map .space-map{height:min(22svh,170px)}
:where(.combined-story,.combined-proof) .mobile-story-copy{height:210px;margin-top:16px}
:where(.combined-story,.combined-proof) .mobile-step h3{font-size:24px}
:where(.combined-story,.combined-proof) .mobile-step p{font-size:14px}
:where(.combined-story,.combined-proof) .story-map .state-caption{display:none}
}
@media(prefers-reduced-motion:reduce){:where(.combined-story,.combined-proof) .mobile-story-copy{display:none!important}
:where(.combined-story,.combined-proof) .story-step .step-inner{position:static;width:auto;height:auto;padding-left:18px;margin:0;overflow:visible;clip:auto;white-space:normal}
}
@media(max-width:760px){:where(.combined-story,.combined-proof) .story-step p,:where(.combined-story,.combined-proof) .mobile-step p{font-size:16px}
:where(.combined-story,.combined-proof) .map-footnote,.proof-foot span{font-size:12px}
}

.combined-story{padding:154px 0 120px;background:#fff;position:relative;z-index:21}.combined-story .wrap,.combined-proof .wrap{width:100%;max-width:1920px;padding-inline:16px;margin-inline:auto}.combined-story .story-heading{text-align:center;margin-bottom:60px}.combined-story .story-heading h2{font-size:22px;line-height:1.4;letter-spacing:-1.2%;font-weight:500}.combined-story .combined-flow-title{margin-bottom:20px}.combined-story .story-step h3,.combined-story .mobile-step h3{font-size:18px;line-height:1.45;font-weight:600;letter-spacing:-.12px}.combined-story .story-step p,.combined-story .mobile-step p{font-size:14px;color:#6d6d6d;font-weight:500}.combined-story .story-heading .eyebrow{color:#6d6d6d}.combined-story .story-grid{gap:50px}.combined-proof{position:relative;z-index:21}.combined-proof h2{color:#f6f4fb;font-size:22px;font-weight:500;line-height:1.4;letter-spacing:-1.2%}.combined-proof .eyebrow{font-size:14px;font-weight:500;color:#b3a7f6;margin-bottom:14px}.combined-proof-copy p{font-size:15px;line-height:1.5;letter-spacing:-1.2%;font-weight:500;color:#c0b8d0}.combined-proof-copy .button{margin-top:24px;background:#f6f4fb;color:#242424}.combined-proof .proof-foot p{font-weight:500}.combined-story .mobile-story-copy{height:195px}.combined-story .story-visual{top:100px}.combined-story .map-heading{display:flex;justify-content:space-between;gap:12px;padding:20px 24px 0;font-size:14px;font-weight:500}.combined-story .example-tag{font-size:12px;color:#716d7a;border:1px solid #dfdce3;border-radius:30px;padding:2px 9px}.combined-story .space-map{display:block;width:100%}.combined-story .story-map{background:#fbfaff}.combined-story .stage-rail i{display:block;background:#6753dd;height:100%;transform-origin:left}.combined-story .story-step .step-number,.combined-story .mobile-step .step-number{color:#6753dd}.combined-story .state-title{font-weight:600}.combined-story .state-caption,.combined-story .map-footnote{font-weight:500}
@media(min-width:768px){.combined-story{padding-top:188px;padding-bottom:160px}.combined-story .wrap,.combined-proof .wrap{padding-inline:32px}.combined-story .story-heading h2,.combined-proof h2{font-size:34px}.combined-story .story-step h3{font-size:24px;letter-spacing:-.2px}.combined-story .story-step p{font-size:16px}.combined-proof .eyebrow{font-size:15px;margin-bottom:20px}.combined-proof-copy p{font-size:16px}.combined-story .combined-flow-title{margin-bottom:35px}}
@media(min-width:1280px){.combined-story{padding-top:224px;padding-bottom:290px}.combined-story .wrap,.combined-proof .wrap{padding-inline:135px}.combined-story .story-heading h2,.combined-proof h2{font-size:40px}.combined-story .story-step h3{font-size:22px}.combined-proof .eyebrow{font-size:16px}.combined-proof-copy p{font-size:18px}}
@media(max-width:760px){.combined-story .story-grid{gap:0}.combined-story .story-visual{top:90px}.combined-story .map-heading{padding:13px 16px 0;font-size:12px}.combined-story .combined-flow-title{margin-bottom:24px}.combined-proof .proof-heading{gap:25px}.combined-proof .proof-heading h2{font-size:22px}.combined-story .mobile-step p{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.combined-story .story-visual{position:relative;top:0}.combined-story .mobile-story-copy{display:none!important}.combined-story .step-inner{opacity:1!important;transform:none!important}.combined-story .story-step .step-inner{position:static;width:auto;height:auto;padding-left:18px;margin:0;overflow:visible;clip:auto;white-space:normal}.combined-story .story-step{height:auto;min-height:0;padding:40px 0}}










.combined-story .state-index{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e9e4fb;color:#6753dd;font-size:13px}.combined-story .state-title{font-size:16px;font-weight:600}.combined-story .state-caption{display:block;font-size:13px;color:#716d7a;margin-top:2px}.combined-story .mobile-step{transition:opacity .2s ease,transform .3s ease}@media(max-width:760px){.combined-story .state-index{width:30px;height:30px;font-size:11px}.combined-story .state-title{font-size:13px}.combined-story .state-caption{font-size:12px}}@media(max-width:760px) and (max-height:700px){.combined-story .state-caption{display:none}}

/* 원래 제목 아래에 스크롤 지도를 배치하고, 세 카드 영역으로 이어집니다. */
.combined-story.map-flow{padding-top:0;padding-bottom:0;margin-top:0}.map-flow .preview-heading{margin-bottom:54px}
@media(min-width:768px){.map-flow .preview-heading{margin-bottom:80px}}
@media(min-width:1280px){.map-flow .preview-heading{margin-bottom:90px}}

/* 첫 화면의 색을 다음 제목으로 부드럽게 연결합니다. */
.combined-story.map-flow{padding-top:clamp(32px,5vw,80px)}
.map-flow::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:clamp(180px,24vh,340px);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.16) 20%,rgba(255,255,255,.62) 55%,#fff 100%);pointer-events:none}