.diff-section{padding:130px 0;background:#fff;color:#17211d}.diff-heading{margin-bottom:58px}.diff-heading h2{font-size:clamp(38px,5.4vw,72px);line-height:1.16;letter-spacing:-.06em}.diff-heading h2 em,.diff-closing em{font-style:normal;color:#ec6d32}.diff-heading>p:last-child{margin-top:25px;color:#707a71;font-size:18px;line-height:1.8}.diff-compare{padding:34px;background:#f5f6f2;border:1px solid #e2e6dd;border-radius:24px;overflow:hidden}.diff-compare__head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.diff-compare__head small,.diff-values article>small{color:#ec6d32;font-size:10px;letter-spacing:1.6px}.diff-compare__head h3{font-size:26px;margin-top:5px}.diff-switch{display:flex;padding:4px;background:#e7eae3;border-radius:30px}.diff-switch button{border:0;background:transparent;border-radius:24px;padding:10px 16px;font:inherit;font-size:12px;cursor:pointer}.diff-switch button[aria-pressed=true]{background:#21342a;color:#fff;box-shadow:0 4px 12px #24362918}.diff-stage{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;min-height:490px}.legacy-app{font-family:'Malgun Gothic',sans-serif;background:#d8d8d8;border:2px solid #777;box-shadow:2px 3px 0 #999;font-size:12px;color:#111}.legacy-title{padding:7px 8px;background:#163d82;color:#fff}.legacy-title span{float:right}.legacy-menu{padding:6px;border-bottom:1px solid #888}.legacy-app fieldset{margin:10px;padding:10px}.legacy-app label{display:flex;justify-content:space-between;margin:8px 0}.legacy-app input,.legacy-app select{width:55%;height:22px}.legacy-app textarea{width:100%;height:100px;resize:none;background:#fff}.legacy-buttons{text-align:right;padding:0 10px 12px}.legacy-buttons button{margin-left:5px;min-width:55px}.diff-transform{text-align:center;color:#819082}.diff-transform i{display:block;width:8px;height:8px;background:#ec6d32;border-radius:50%;margin:0 auto 12px;animation:diffPulse 1.5s infinite}.diff-transform span{display:block;font-size:11px;line-height:1.5}.diff-transform b{display:block;color:#ec6d32;font-size:30px}.modern-app{display:grid;grid-template-columns:120px 1fr;background:#fff;border:1px solid #dde4da;border-radius:15px;overflow:hidden;box-shadow:0 22px 45px #24362912;min-height:420px}.modern-app aside{background:#1e3027;color:#fff;padding:20px 13px;display:flex;flex-direction:column}.modern-app aside strong{font-size:12px}.modern-app aside strong i{font-style:normal;color:#7ea688}.modern-app aside nav{display:grid;gap:7px;margin-top:28px}.modern-app aside nav span{padding:9px;border-radius:6px;font-size:9px;color:#aabab0}.modern-app aside nav .on{background:#ffffff14;color:#fff}.modern-app aside>small{margin-top:auto;color:#81ad89;font-size:8px}.modern-main{padding:24px;background:#fbfcfa}.modern-app header{display:flex;justify-content:space-between}.modern-app header small{color:#8a958d;font-size:9px}.modern-app h4{font-size:20px;margin-top:3px}.modern-app header button{align-self:center;border:0;background:#ec6d32;color:#fff;padding:9px 12px;border-radius:7px;font-size:9px}.modern-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.modern-metrics article{padding:13px;background:#fff;border:1px solid #e9ede7;border-radius:9px}.modern-metrics small,.modern-metrics span{display:block;color:#89948c;font-size:8px}.modern-metrics b{display:block;font-size:19px;margin:5px 0}.modern-list{padding:15px;background:#fff;border:1px solid #e6ebe4;border-radius:10px}.modern-list__head,.modern-row{display:flex;align-items:center}.modern-list__head{justify-content:space-between;font-size:10px;margin-bottom:10px}.modern-list__head span{color:#7e8a80;font-size:8px}.modern-row{gap:8px;border-top:1px solid #eef1ec;padding:10px 0}.modern-row i{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:8px;background:#e6f1e4;color:#5b8757}.modern-row i.running{border:2px solid #f9d2ba;border-top-color:#ec6d32;background:transparent;animation:diffSpin 1s linear infinite}.modern-row p{font-size:9px}.modern-row p small{display:block;color:#929b94;font-size:7px}.modern-row em{margin-left:auto;font-size:8px;font-style:normal;color:#5f875c}.modern-progress{height:3px;background:#edf0eb}.modern-progress span{display:block;width:72%;height:100%;background:#ec6d32;animation:diffProgress 3s ease-in-out infinite}.diff-benefits{display:flex;gap:12px;margin-top:20px}.diff-benefits span{padding:9px 13px;background:#fff;border:1px solid #dfe4db;border-radius:20px;font-size:11px}.diff-compare[data-view=legacy] .modern-app{opacity:.25;filter:grayscale(1);transform:scale(.96)}.diff-compare[data-view=modern] .legacy-app{opacity:.28;filter:grayscale(1);transform:scale(.96)}.legacy-app,.modern-app{transition:.65s cubic-bezier(.2,.8,.2,1)}.diff-values{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.diff-values article{padding:40px;border:1px solid #e2e6de;border-radius:20px}.diff-values article>span{float:right;color:#d1d7cf;font-size:34px;font-weight:700}.diff-values h3{font-size:30px;line-height:1.35;letter-spacing:-.05em;margin:13px 0 18px}.diff-values article>p{color:#747d74;line-height:1.8;font-size:15px}.diff-dialog{margin-top:28px;padding:20px;background:#f6f7f3;border-radius:12px}.diff-dialog p{color:#7f8980;font-size:12px}.diff-dialog strong{display:block;margin-top:9px;font-size:16px;line-height:1.6}.diff-values ol{list-style:none;margin-top:25px}.diff-values li{padding:14px 0;border-top:1px solid #ecefe9}.diff-values li b{color:#ec6d32;font-size:10px;margin-right:16px}.diff-closing{margin-top:22px;padding:55px;background:#1d2e25;color:#fff;border-radius:22px;position:relative;overflow:hidden}.diff-closing:after{content:'';position:absolute;width:330px;height:330px;border-radius:50%;right:-80px;bottom:-190px;background:#ec6d32;filter:blur(5px);opacity:.18}.diff-closing>p{color:#9eb0a5}.diff-closing h3{font-size:clamp(30px,4vw,52px);line-height:1.25;letter-spacing:-.055em;margin:12px 0 28px}.diff-closing a{display:inline-flex;padding:13px 19px;background:#fff;color:#1d2e25;border-radius:24px;font-weight:700;font-size:13px;position:relative;z-index:1}@keyframes diffSpin{to{transform:rotate(360deg)}}@keyframes diffPulse{50%{transform:scale(1.6);opacity:.35}}@keyframes diffProgress{50%{width:94%}}.diff-section button:focus-visible,.diff-section a:focus-visible{outline:2px solid #ec6d32;outline-offset:3px}@media(max-width:800px){.diff-section{padding:85px 0}.diff-compare{padding:20px}.diff-compare__head{align-items:start;flex-direction:column}.diff-stage{grid-template-columns:1fr;gap:15px}.diff-transform{transform:rotate(90deg)}.modern-app{grid-template-columns:90px 1fr}.modern-metrics{grid-template-columns:1fr}.modern-metrics article:nth-child(n+2){display:none}.diff-values{grid-template-columns:1fr}.diff-benefits{flex-wrap:wrap}.diff-closing{padding:35px 25px}}@media(prefers-reduced-motion:reduce){.diff-section *{animation:none!important;transition:none!important}}

.diff-continue{display:flex;align-items:center;gap:18px;margin-top:54px;color:#9aa39a}.diff-continue span{height:1px;background:#e1e6df;flex:1}.diff-continue small{font-size:9px;letter-spacing:2px}
.legacy-app,.modern-app{position:relative}.compare-label{position:absolute;left:16px;top:-38px;z-index:5;font-family:'Noto Sans KR',sans-serif;font-size:11px;font-weight:700;letter-spacing:0;color:#253329}.compare-label span{display:inline-block;margin-right:7px;padding:3px 6px;border-radius:4px;font-size:8px;letter-spacing:1px}.compare-label--old span{background:#e8e8e8;color:#777}.compare-label--hello span{background:#ec6d32;color:#fff}.compare-label--hello b{margin-left:7px;padding:4px 7px;background:#eff6eb;color:#557650;border-radius:10px;font-size:8px}.legacy-problems{position:absolute;inset:0;pointer-events:none}.legacy-problems span{position:absolute;padding:7px 9px;background:#fff1f0;border:1px solid #efb5ae;color:#a84c41;border-radius:6px;font-family:'Noto Sans KR',sans-serif;font-size:9px;font-weight:700;box-shadow:0 6px 15px #68302916;opacity:0;transform:translateY(8px)}.legacy-problems span:nth-child(1){left:-10px;top:94px}.legacy-problems span:nth-child(2){right:-12px;top:180px}.legacy-problems span:nth-child(3){left:20px;bottom:36px}.diff-compare[data-view=legacy] .legacy-problems span{animation:diffProblemIn .45s both}.diff-compare[data-view=legacy] .legacy-problems span:nth-child(2){animation-delay:.25s}.diff-compare[data-view=legacy] .legacy-problems span:nth-child(3){animation-delay:.5s}.diff-compare[data-view=legacy] .legacy-app{opacity:1!important;filter:none!important;transform:scale(1.02)!important;box-shadow:0 16px 35px #8e51401c}.diff-compare[data-view=legacy] .modern-app{opacity:.12!important;filter:grayscale(1) blur(1px);transform:scale(.93)!important}.diff-compare[data-view=modern] .legacy-app{opacity:.12!important;filter:grayscale(1);transform:scale(.92)!important}.diff-compare[data-view=modern] .modern-app{opacity:1!important;filter:none!important;transform:scale(1.025)!important;box-shadow:0 25px 55px #21402920,0 0 0 2px #ec6d3230}.diff-story{margin:26px auto 0;max-width:610px;display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1px solid #dce3d8;border-radius:12px}.diff-story>i{width:10px;height:10px;border:2px solid #ec6d32;border-radius:50%;box-shadow:0 0 0 6px #fff0e8;animation:diffPulse 1.5s infinite}.diff-story p{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.diff-story small{color:#ec6d32;font-size:9px;letter-spacing:1px}.diff-story strong{font-size:14px}.diff-story span{grid-column:2;color:#8a948b;font-size:10px;margin-top:3px}@keyframes diffProblemIn{to{opacity:1;transform:none}}.diff-benefits{justify-content:center}.diff-compare[data-view=legacy] .diff-benefits{opacity:.2;transform:translateY(5px)}.diff-benefits{transition:.5s}.diff-compare[data-view=modern] .diff-benefits span{background:#eff6eb;border-color:#cfe0c8;color:#476642;box-shadow:0 7px 18px #42693a10}
.diff-transform{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;overflow:visible}.diff-transform small{font-size:9px;color:#96a096}.diff-transform strong{font-size:10px;color:#586b5c;margin:4px 0}.diff-stream{position:absolute;left:-28px;right:-28px;top:38%;height:70px}.diff-stream:before,.diff-stream:after{content:'';position:absolute;left:5px;right:5px;top:34px;height:1px;background:linear-gradient(90deg,transparent,#b5c1b2,transparent)}.diff-stream:after{background:linear-gradient(90deg,transparent,#ec6d32,transparent);transform:scaleX(.15);animation:diffBeam 3s ease-in-out infinite}.diff-stream i{position:absolute;left:8px;top:29px;width:10px;height:10px;border-radius:3px;background:#aeb9ab;box-shadow:0 0 0 4px #fff;animation:diffPacket 3s cubic-bezier(.4,0,.2,1) infinite}.diff-stream i:nth-child(2){animation-delay:.45s}.diff-stream i:nth-child(3){animation-delay:.9s}.diff-stream i:nth-child(4){animation-delay:1.35s}.diff-stream i:nth-child(5){animation-delay:1.8s}.diff-stream span{position:absolute;right:5px;top:25px;width:18px;height:18px;border:1px solid #ec6d32;border-radius:50%;animation:diffReceive 3s infinite}.modern-main{position:relative;overflow:hidden}.modern-scan{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(249,115,22,.09) 50%,transparent 60%);transform:translateX(-100%);pointer-events:none;animation:diffScan 5s ease-in-out infinite}.metric-pulse{display:inline-block;animation:diffNumberPulse 2s ease-in-out infinite}.modern-row--live{position:relative;overflow:hidden}.modern-row--live:after{content:'';position:absolute;left:0;bottom:0;width:40%;height:2px;background:#ec6d32;animation:diffRowProgress 3s ease-in-out infinite}.modern-row--done{animation:diffDone 3s ease-in-out infinite}.modern-status:after{content:' · 처리 중';color:#ec6d32;animation:diffDots 2s steps(3,end) infinite}.modern-progress{position:relative;overflow:visible}.modern-progress i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ec6d32;left:72%;top:-2px;box-shadow:0 0 0 4px rgba(236,109,50,.14);animation:diffMarker 3s ease-in-out infinite}@keyframes diffPacket{0%{transform:translateX(0) scale(.8);opacity:0}15%{opacity:1}55%{background:#ec6d32;transform:translateX(48px) rotate(90deg) scale(.65)}85%,100%{transform:translateX(82px) rotate(180deg) scale(.35);opacity:0}}@keyframes diffBeam{50%{transform:scaleX(1);opacity:.8}}@keyframes diffReceive{0%,55%{transform:scale(.6);opacity:0}70%{transform:scale(1.4);opacity:1}100%{transform:scale(1.8);opacity:0}}@keyframes diffScan{0%,25%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}@keyframes diffNumberPulse{50%{color:#ec6d32;transform:translateY(-2px)}}@keyframes diffRowProgress{0%{width:10%;opacity:.3}70%{width:92%;opacity:1}100%{width:100%;opacity:0}}@keyframes diffDone{0%,70%{background:transparent}80%{background:#edf6e9}100%{background:transparent}}@keyframes diffDots{0%{opacity:.2}100%{opacity:1}}@keyframes diffMarker{0%{left:8%;opacity:0}20%{opacity:1}80%{left:92%;opacity:1}100%{left:96%;opacity:0}}@media(max-width:800px){.diff-stream{display:none}.diff-transform{min-height:60px}.diff-transform b{transform:rotate(90deg)}}
.diff-stage{position:relative;display:grid!important;grid-template-columns:minmax(0,760px)!important;justify-content:center;min-height:520px;padding:45px 0 20px}.diff-stage>.legacy-app,.diff-stage>.modern-app{grid-area:1/1;width:100%;align-self:center}.diff-stage>.diff-transform{position:absolute;z-index:8;left:50%;top:50%;width:230px;height:110px;transform:translate(-50%,-50%) scale(.8);padding:18px;background:#1e3027;color:#fff;border-radius:16px;box-shadow:0 20px 55px #1e302750;opacity:0;pointer-events:none}.diff-transform small,.diff-transform strong{color:#fff}.diff-transform b{color:#ec6d32}.diff-transform .diff-stream{display:none}.diff-compare[data-view=legacy] .legacy-app{visibility:visible;opacity:1!important;filter:none!important;transform:translateX(0) scale(1)!important;z-index:2}.diff-compare[data-view=legacy] .modern-app{visibility:hidden;opacity:0!important;transform:translateX(55px) scale(.94)!important;z-index:1}.diff-compare[data-view=modern] .legacy-app{visibility:hidden;opacity:0!important;transform:translateX(-55px) scale(.94)!important;z-index:1}.diff-compare[data-view=modern] .modern-app{visibility:visible;opacity:1!important;filter:none!important;transform:translateX(0) scale(1)!important;z-index:2}.diff-compare.is-switching .diff-transform{animation:diffTransformCard .8s both}.compare-label{top:-34px}.diff-story{max-width:760px}.diff-benefits{max-width:760px;margin-left:auto;margin-right:auto}.diff-compare[data-view=legacy] .diff-benefits{visibility:hidden}.diff-compare[data-view=modern] .diff-benefits{visibility:visible}@keyframes diffTransformCard{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}25%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}
@media(max-width:800px){.diff-stage{grid-template-columns:1fr!important;min-height:500px}.diff-stage>.diff-transform{transform:translate(-50%,-50%) scale(.75)}}
.diff-stage>.diff-transform{inset:18px!important;left:18px!important;top:18px!important;width:auto!important;height:auto!important;transform:none!important;padding:0!important;background:rgba(21,34,27,.94)!important;border-radius:14px;overflow:hidden;display:grid!important;place-items:center;opacity:0;backdrop-filter:blur(5px)}.diff-compare.is-switching .diff-transform{animation:rebuildOverlay 1.25s cubic-bezier(.22,1,.36,1) both!important}.diff-blueprint{position:absolute;inset:0}.diff-blueprint:before,.diff-blueprint:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(131,174,143,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(131,174,143,.13) 1px,transparent 1px);background-size:34px 34px;animation:gridBuild 1.2s both}.diff-blueprint:after{background:linear-gradient(90deg,transparent,rgba(236,109,50,.55),transparent);width:30%;animation:rebuildScan 1.1s both}.diff-blueprint i{--sx:0px;--sy:0px;position:absolute;width:74px;height:38px;border:1px solid #8caf92;background:#263c30;border-radius:6px;left:calc(50% + var(--sx));top:calc(50% + var(--sy));opacity:0;animation:assembleTile 1.1s cubic-bezier(.18,.9,.25,1.25) both}.diff-blueprint i:nth-child(1){--sx:-270px;--sy:-145px}.diff-blueprint i:nth-child(2){--sx:-175px;--sy:-145px;animation-delay:.05s}.diff-blueprint i:nth-child(3){--sx:-80px;--sy:-145px;animation-delay:.1s}.diff-blueprint i:nth-child(4){--sx:35px;--sy:-145px;animation-delay:.15s}.diff-blueprint i:nth-child(5){--sx:150px;--sy:-145px;animation-delay:.2s}.diff-blueprint i:nth-child(6){--sx:-270px;--sy:115px;animation-delay:.1s}.diff-blueprint i:nth-child(7){--sx:-175px;--sy:115px;animation-delay:.15s}.diff-blueprint i:nth-child(8){--sx:-80px;--sy:115px;animation-delay:.2s}.diff-blueprint i:nth-child(9){--sx:35px;--sy:115px;animation-delay:.25s}.diff-blueprint i:nth-child(10){--sx:150px;--sy:115px;animation-delay:.3s}.diff-blueprint i:nth-child(11){--sx:-300px;--sy:-20px;width:105px;height:85px}.diff-blueprint i:nth-child(12){--sx:190px;--sy:-20px;width:105px;height:85px}.diff-blueprint span{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#ec6d32;animation:rebuildCore 1.1s both}.diff-rebuild{position:relative;z-index:3;text-align:center;color:#fff;padding:22px;background:#1d3027;border:1px solid #ffffff22;border-radius:14px;box-shadow:0 20px 50px #0004;animation:rebuildMessage 1.15s both}.diff-rebuild small{display:block;color:#ec8c5e!important;letter-spacing:2px;font-size:8px}.diff-rebuild strong{display:block;color:#fff!important;font-size:17px;margin:7px 0}.diff-rebuild em{font-style:normal;color:#9eb0a4;font-size:10px}@keyframes rebuildOverlay{0%{opacity:0;clip-path:circle(0 at 50% 50%)}18%,72%{opacity:1;clip-path:circle(80% at 50% 50%)}100%{opacity:0;clip-path:circle(100% at 50% 50%)}}@keyframes gridBuild{from{opacity:0;transform:scale(1.3)}to{opacity:1;transform:none}}@keyframes rebuildScan{from{transform:translateX(-120%)}to{transform:translateX(340%)}}@keyframes assembleTile{0%{opacity:0;transform:translate(calc(var(--sx) * -1.8),calc(var(--sy) * -1.8)) rotate(20deg) scale(.25)}45%{opacity:.8}100%{opacity:.18;transform:translate(0,0)}}@keyframes rebuildCore{0%{transform:scale(.2);opacity:0}45%{opacity:1;box-shadow:0 0 0 28px rgba(236,109,50,0)}100%{opacity:0}}@keyframes rebuildMessage{0%,20%{opacity:0;transform:translateY(12px) scale(.9)}40%,75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}@media(max-width:800px){.diff-stage>.diff-transform{inset:8px!important;left:8px!important;top:8px!important}.diff-blueprint i{display:none}}
.diff-stage>.diff-transform{display:none!important}.diff-stage>.legacy-app,.diff-stage>.modern-app{visibility:visible!important;opacity:1!important;filter:none!important;transform:none!important;transition:clip-path 1.35s cubic-bezier(.65,0,.25,1),box-shadow .5s!important}.diff-stage>.legacy-app{z-index:1}.diff-stage>.modern-app{z-index:2;clip-path:inset(0 100% 0 0);box-shadow:0 25px 55px #21402920}.diff-compare[data-view=modern] .modern-app{clip-path:inset(0 0 0 0)!important}.diff-compare[data-view=legacy] .modern-app{clip-path:inset(0 100% 0 0)!important}.diff-wipe{position:absolute;z-index:6;top:28px;bottom:8px;left:0;width:2px;background:#ec6d32;box-shadow:0 0 0 1px #fff,0 0 24px #ec6d3280;opacity:0;transition:left 1.35s cubic-bezier(.65,0,.25,1),opacity .2s}.diff-wipe:before{content:'';position:absolute;inset:0 auto 0 -80px;width:80px;background:linear-gradient(90deg,transparent,rgba(236,109,50,.12))}.diff-wipe span{position:absolute;top:12px;left:10px;padding:6px 9px;background:#ec6d32;color:#fff;border-radius:4px;font-size:8px;letter-spacing:1px;white-space:nowrap}.diff-wipe i{position:absolute;left:-5px;top:50%;width:12px;height:12px;border:2px solid #fff;background:#ec6d32;border-radius:50%;box-shadow:0 0 0 5px #ec6d3230}.diff-compare.is-switching .diff-wipe{opacity:1}.diff-compare[data-view=legacy] .diff-wipe{left:0}.diff-compare[data-view=modern] .diff-wipe{left:calc(100% - 2px)}.diff-compare[data-view=legacy] .diff-benefits{visibility:visible;opacity:.2}.legacy-problems span{animation:none!important}.diff-compare[data-view=legacy] .legacy-problems span{opacity:1;transform:none}.diff-compare[data-view=modern] .legacy-problems span{opacity:0}.diff-compare[data-view=modern] .compare-label--hello{animation:wipeLabel .45s .85s both}@keyframes wipeLabel{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:800px){.diff-wipe{top:8px;bottom:8px}.diff-wipe span{left:auto;right:8px}}
.diff-stage{grid-template-columns:1fr 90px 1fr!important;max-width:none;padding:45px 0 20px}.diff-stage>.legacy-app,.diff-stage>.modern-app{grid-area:auto!important;visibility:visible!important;opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important;z-index:1}.diff-transfer{display:flex!important;position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;transform:none!important;background:transparent!important;box-shadow:none!important;opacity:1!important;overflow:visible!important;text-align:center;align-items:center;padding:0!important;color:#6f7c72}.diff-transfer small,.diff-transfer strong{font-size:9px!important;color:#78847a!important}.diff-transfer>div{width:100%;height:28px;position:relative;margin:10px 0}.diff-transfer>div:before{content:'';position:absolute;left:0;right:0;top:13px;height:1px;background:#ccd5ca}.diff-transfer i{position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:3px;background:#aeb8ac;animation:cleanTransfer 2.1s ease-in-out infinite}.diff-transfer i:nth-child(2){animation-delay:.5s}.diff-transfer i:nth-child(3){animation-delay:1s}.diff-transfer>b{font-size:27px;color:#ec6d32}.legacy-problems span{opacity:1!important;transform:none!important}.diff-benefits{visibility:visible!important;opacity:1!important}.diff-compare.is-switching .diff-transform{animation:none!important}@keyframes cleanTransfer{0%{left:0;opacity:0;transform:rotate(0) scale(.7);background:#aaa}20%{opacity:1}70%{left:calc(100% - 9px);transform:rotate(90deg) scale(.8);background:#ec6d32}100%{left:calc(100% - 9px);opacity:0}}.marketing-flow{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;margin-top:26px;padding:18px;background:#f5f7f2;border-radius:12px}.marketing-flow>div{display:grid;gap:7px}.marketing-flow small{color:#8a9688;font-size:9px}.marketing-flow b{padding:8px;background:#fff;border:1px solid #e3e8df;border-radius:6px;font-size:10px}.marketing-flow>i{text-align:center;color:#ec6d32;font-style:normal}.marketing-flow b.active{color:#ec6d32;border-color:#f3c9ae;animation:marketingActive 3s infinite}.care-monitor{margin-top:26px;background:#1f3027;color:#fff;border-radius:12px;overflow:hidden}.care-monitor header,.care-monitor footer{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font-size:9px}.care-monitor header>span{color:#96c09a}.care-monitor header i{display:inline-block;width:6px;height:6px;background:#73b978;border-radius:50%;animation:carePulse 1.5s infinite}.platform-change{display:flex;gap:12px;align-items:center;margin:0 12px;padding:13px;background:#2b4034;border:1px solid #ffffff12;border-radius:8px}.platform-change>span{padding:8px;background:#fff;color:#314339;border-radius:5px;font-size:8px}.platform-change p b{display:block;font-size:11px}.platform-change p small{color:#95a69b;font-size:8px}.care-monitor ol{list-style:none;padding:8px 16px}.care-monitor li{display:flex;gap:10px;align-items:center;padding:9px 0;color:#899a90;font-size:10px}.care-monitor li i{display:grid;place-items:center;width:18px;height:18px;border:1px solid #53675a;border-radius:50%;font-style:normal;font-size:8px}.care-monitor li.done{color:#9dcc9f}.care-monitor li.running{color:#fff}.care-monitor li.running i{border:2px solid #6a7e70;border-top-color:#ec6d32;animation:diffSpin 1s linear infinite}.care-monitor footer{border-top:1px solid #ffffff12;color:#98a79d}.care-monitor footer b{color:#91c697}.diff-value{overflow:hidden}.marketing-flow,.care-monitor{transition:transform .3s}.diff-value--marketing:hover .marketing-flow,.diff-value--care:hover .care-monitor{transform:translateY(-3px)}@keyframes marketingActive{50%{box-shadow:0 0 0 4px #ec6d3214}}@keyframes carePulse{50%{opacity:.35;box-shadow:0 0 0 6px #73b97822}}@media(max-width:800px){.diff-stage{grid-template-columns:1fr!important}.diff-transfer{min-height:90px!important}.diff-transfer>b{transform:rotate(90deg)}}
.diff-stage{display:block!important;max-width:860px;margin:0 auto;padding:45px 0 25px}.diff-stage>.modern-app{width:100%;min-height:460px;visibility:visible!important;opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important;box-shadow:0 30px 70px #233a2b1b,0 0 0 1px #ec6d3218}.modern-app{grid-template-columns:150px 1fr}.modern-main{padding:32px}.ui-focus span{position:absolute;z-index:8;padding:8px 11px;background:#fff;color:#3d5942;border:1px solid #cfe0ca;border-radius:18px;font:700 10px 'Noto Sans KR',sans-serif;box-shadow:0 8px 22px #27442c18;animation:focusFloat 3s ease-in-out infinite}.ui-focus--one{left:185px;top:82px}.ui-focus--two{right:24px;top:62px;animation-delay:-1s!important}.ui-focus--three{right:30px;bottom:90px;animation-delay:-2s!important}.ui-focus>i{position:absolute;z-index:7;left:150px;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#ec6d32,transparent);animation:focusScan 4s ease-in-out infinite}.diff-benefits{margin-top:18px}.diff-compare{background:linear-gradient(135deg,#f5f6f2,#eef3e9)}@keyframes focusFloat{50%{transform:translateY(-5px);box-shadow:0 13px 26px #27442c20}}@keyframes focusScan{0%,15%{top:8%;opacity:0}30%{opacity:1}75%{top:92%;opacity:1}90%,100%{top:96%;opacity:0}}@media(max-width:800px){.modern-app{grid-template-columns:90px 1fr}.modern-main{padding:18px}.ui-focus span{font-size:8px}.ui-focus--one{left:105px}.ui-focus--two{right:10px}.ui-focus--three{right:10px}}
/* Clear usability tour: one stable UI, one highlighted benefit at a time. */
.modern-scan{display:none}.ui-focus{position:absolute;z-index:10;right:24px;top:22px;pointer-events:none}.ui-focus span{position:absolute!important;inset:0 0 auto auto!important;width:max-content;opacity:0!important;transform:translateY(7px)!important;animation:none!important;transition:opacity .35s,transform .35s!important}.ui-focus span.is-active{opacity:1!important;transform:translateY(0)!important;background:#20342a!important;color:#fff!important;border-color:#20342a!important;box-shadow:0 10px 28px #20342a30!important}.ui-focus span.is-active:before{content:'✓';color:#95ce8d;margin-right:6px}.ui-focus>i{display:none}.modern-app header button,.modern-metrics,.modern-list{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,background-color .45s;outline:2px solid transparent;outline-offset:4px}.modern-app[data-focus='0'] .modern-metrics{transform:translateY(-3px);box-shadow:0 12px 30px #304d3514}.modern-app[data-focus='1'] header button{transform:translateY(-3px) scale(1.04);box-shadow:0 9px 20px #ec6d3238}.modern-app[data-focus='2'] .modern-list{transform:translateY(-3px);box-shadow:0 13px 30px #304d3518}.modern-app[data-focus='0'] .modern-metrics:after,.modern-app[data-focus='2'] .modern-list:after{content:'';position:absolute;inset:-5px;border:1px solid #ec6d3260;border-radius:12px;animation:uiFocusRing 2.1s ease-out infinite;pointer-events:none}.modern-metrics,.modern-list{position:relative}.modern-app[data-focus='1'] header button:after{content:'';position:absolute;inset:-5px;border:1px solid #ec6d3260;border-radius:10px;animation:uiFocusRing 2.1s ease-out infinite}.modern-app header button{position:relative}@keyframes uiFocusRing{0%{opacity:0;transform:scale(.98)}20%{opacity:1}80%,100%{opacity:0;transform:scale(1.025)}}@media(max-width:800px){.ui-focus{right:12px;top:12px}.ui-focus span{font-size:8px!important}}

/* Three-scene product tour: the interface itself demonstrates usability. */
.modern-main{min-height:460px;isolation:isolate}.modern-main.is-leaving{animation:uiPageOut .26s ease both}.modern-main.is-entering .ui-page{animation:uiPageIn .62s cubic-bezier(.22,1,.36,1) both}.modern-main.is-entering .ui-page>*{animation:uiItemIn .55s cubic-bezier(.22,1,.36,1) both}.modern-main.is-entering .ui-page>*:nth-child(2){animation-delay:.08s}.modern-main.is-entering .ui-page>*:nth-child(3){animation-delay:.16s}.modern-main.is-entering .ui-page>*:nth-child(4){animation-delay:.24s}.modern-app aside nav span{transition:color .4s,background-color .4s,transform .4s}.modern-app aside nav span.on{transform:translateX(4px)}.ui-view-label{position:absolute;right:22px;bottom:17px;display:flex;align-items:center;gap:10px;padding:6px 9px;background:#20342a;color:#fff;border-radius:20px;font-size:8px;box-shadow:0 8px 20px #20342a20}.ui-view-label span{font-weight:700}.ui-view-label i{font-style:normal;color:#a9c1b0}.ui-page header{min-height:42px}.ui-page header>span.wizard-step{align-self:center;color:#ec6d32;font-size:10px;font-weight:700}.wizard-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0 24px}.wizard-progress i{height:4px;background:#e7ebe5;border-radius:3px;overflow:hidden}.wizard-progress i.on:after{content:'';display:block;width:100%;height:100%;background:#ec6d32;transform-origin:left;animation:wizardFill 2.5s ease-in-out infinite}.wizard-copy small,.wizard-copy strong{display:block}.wizard-copy small{color:#849087;font-size:9px}.wizard-copy strong{margin-top:5px;font-size:16px}.wizard-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.wizard-options button{position:relative;text-align:left;padding:17px 13px;border:1px solid #e2e7df;background:#fff;border-radius:10px;color:#243128;font-family:inherit;transition:.35s}.wizard-options button>i,.wizard-options button>b,.wizard-options button>small{display:block}.wizard-options button>i{color:#a0aaa2;font-size:8px;font-style:normal}.wizard-options button>b{margin:13px 0 5px;font-size:11px}.wizard-options button>small{color:#8c968e;font-size:8px;line-height:1.5}.wizard-options button.selected{border-color:#ec6d32;background:#fff8f4;transform:translateY(-5px);box-shadow:0 13px 25px #ec6d321b}.wizard-options button.selected:after{content:'';position:absolute;inset:-1px;border:1px solid #ec6d32;border-radius:10px;animation:wizardRing 1.8s ease-out infinite}.wizard-options button em{position:absolute;right:9px;top:9px;padding:3px 6px;background:#ec6d32;color:#fff;border-radius:8px;font-size:7px;font-style:normal}.wizard-action{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;border-top:1px solid #e8ece6}.wizard-action span{color:#859087;font-size:9px}.wizard-action button{border:0;padding:9px 12px;background:#20342a;color:#fff;border-radius:7px;font-size:9px}.report-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10px;margin:22px 0 10px}.report-grid>article,.report-summary{background:#fff;border:1px solid #e5eae3;border-radius:10px}.report-score{padding:18px}.report-score small,.report-score strong,.report-score span{display:block}.report-score small{color:#89948c;font-size:8px}.report-score strong{font-size:31px;margin:11px 0}.report-score strong em{font-size:10px;font-style:normal;margin-left:4px}.report-score span{color:#659060;font-size:8px}.report-chart{padding:16px}.report-chart__head{display:flex;justify-content:space-between;font-size:9px}.report-chart__head small{color:#8e988f;font-size:8px}.report-bars{height:92px;display:flex;align-items:end;gap:8px;margin-top:13px;border-bottom:1px solid #e7ebe5;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#f0f2ee 30px)}.report-bars i{flex:1;height:var(--h);background:linear-gradient(#f49466,#ec6d32);border-radius:4px 4px 0 0;transform-origin:bottom;animation:reportBar .7s var(--d) cubic-bezier(.22,1,.36,1) both}.report-summary{padding:3px 14px}.report-summary>div{display:flex;align-items:center;gap:9px;padding:11px 0}.report-summary>div+div{border-top:1px solid #edf0eb}.report-summary i{display:grid;place-items:center;width:18px;height:18px;background:#e9f4e6;color:#5d8858;border-radius:50%;font-size:8px;font-style:normal}.report-summary p b,.report-summary p small{display:block}.report-summary p b{font-size:9px}.report-summary p small{margin-top:3px;color:#919a93;font-size:7px}.report-summary strong{margin-left:auto;color:#5f875c;font-size:9px}@keyframes uiPageOut{to{opacity:0;transform:translateX(-22px) scale(.985);filter:blur(2px)}}@keyframes uiPageIn{from{opacity:0;transform:translateX(28px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes uiItemIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes wizardFill{0%{transform:scaleX(.1)}70%,100%{transform:scaleX(1)}}@keyframes wizardRing{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.045)}}@keyframes reportBar{from{transform:scaleY(.08);opacity:.3}to{transform:scaleY(1);opacity:1}}@media(max-width:800px){.modern-main{min-height:430px}.wizard-options{grid-template-columns:1fr}.wizard-options button:nth-child(3){display:none}.report-grid{grid-template-columns:1fr}.report-chart{display:none}.ui-view-label{right:10px;bottom:10px}}

/* Marketing expertise and maintenance comparison. */
.marketing-knowledge{display:grid;gap:7px;margin-top:24px}.marketing-knowledge>div{display:flex;align-items:center;gap:12px;padding:12px 13px;background:#f6f7f3;border:1px solid #e7ebe4;border-radius:9px;opacity:.55;animation:knowledgeFocus 4.8s ease-in-out infinite}.marketing-knowledge>div:nth-child(2){animation-delay:1.6s}.marketing-knowledge>div:nth-child(3){animation-delay:3.2s}.marketing-knowledge i{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;background:#fff;color:#ec6d32;font-size:8px;font-style:normal}.marketing-knowledge p b,.marketing-knowledge p small{display:block}.marketing-knowledge p b{font-size:11px}.marketing-knowledge p small{margin-top:3px;color:#8b958d;font-size:9px}.marketing-knowledge>strong{position:relative;margin-top:3px;padding:11px 13px;background:#20342a;color:#fff;border-radius:8px;font-size:10px;overflow:hidden}.marketing-knowledge>strong:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff22 50%,transparent 70%);transform:translateX(-100%);animation:knowledgeScan 3.2s infinite}.care-compare{margin-top:24px;border:1px solid #dfe5dc;border-radius:12px;overflow:hidden;background:#fff}.care-compare__head{display:grid;grid-template-columns:1fr 1fr;padding:11px 14px;background:#f4f6f2;font-size:9px}.care-compare__head small{color:#929b94}.care-compare__head b{color:#ec6d32}.care-compare__row{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;padding:12px 14px;border-top:1px solid #edf0eb;font-size:10px}.care-compare__row span{color:#9aa29b;text-decoration:line-through;text-decoration-color:#c8cec8}.care-compare__row i{text-align:center;color:#ec6d32;font-style:normal;animation:careArrow 2s ease-in-out infinite}.care-compare__row strong{position:relative;color:#304d38}.care-compare__row strong:after{content:'';position:absolute;left:0;right:100%;bottom:-3px;height:1px;background:#76a36e;animation:careUnderline 3s ease-in-out infinite}.care-compare__row:nth-child(3) strong:after{animation-delay:.45s}.care-compare__row:nth-child(4) strong:after{animation-delay:.9s}.care-compare footer{display:flex;align-items:center;gap:9px;padding:13px 14px;background:#20342a;color:#fff}.care-compare footer>em{width:7px;height:7px;border-radius:50%;background:#7fbd79;box-shadow:0 0 0 5px #7fbd7920;animation:carePulse 1.5s infinite}.care-compare footer p small,.care-compare footer p b{display:block}.care-compare footer p small{color:#8fa398;font-size:7px}.care-compare footer p b{margin-top:2px;font-size:10px}.care-compare footer>strong{margin-left:auto;color:#9ed197;font-size:9px}@keyframes knowledgeFocus{0%,100%{opacity:.55;transform:none}18%,34%{opacity:1;transform:translateX(5px);border-color:#edb58f;box-shadow:0 7px 18px #ec6d3212}}@keyframes knowledgeScan{55%,100%{transform:translateX(100%)}}@keyframes careArrow{50%{transform:translateX(4px)}}@keyframes careUnderline{0%,15%{right:100%}45%,80%{right:0}100%{right:100%}}

/* Make the core differences readable at a glance. */
.marketing-knowledge{gap:10px;margin-top:28px}.marketing-knowledge>div{gap:16px;min-height:72px;padding:16px 18px;border-radius:11px}.marketing-knowledge i{flex-basis:36px;height:36px;font-size:10px}.marketing-knowledge p b{font-size:15px}.marketing-knowledge p small{margin-top:5px;font-size:12px;line-height:1.5}.marketing-knowledge>strong{padding:15px 18px;font-size:14px}.care-compare{margin-top:28px}.care-compare__head{padding:15px 19px;font-size:12px}.care-compare__row{grid-template-columns:1fr 42px 1.15fr;min-height:66px;padding:16px 19px;font-size:14px}.care-compare__row i{font-size:18px}.care-compare__row strong{font-size:14px}.care-compare footer{min-height:72px;padding:16px 19px}.care-compare footer>em{width:9px;height:9px}.care-compare footer p small{font-size:9px}.care-compare footer p b{font-size:14px}.care-compare footer>strong{font-size:12px}