/* EBSS Platform: coded history migration transformation visual. */
.ebh-visual{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(210px,.82fr) 42px minmax(0,1.15fr);gap:12px;align-items:center;width:100%;min-height:360px;padding:24px;border:1px solid #dbe5f0;border-radius:22px;background:linear-gradient(135deg,#fbfdff 0%,#f2f7fd 52%,#fff 100%);box-shadow:0 18px 44px rgba(28,65,115,.10);overflow:hidden}.ebh-source,.ebh-result,.ebh-transform{min-width:0}.ebh-source-label{text-align:center;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#66758a;margin-bottom:13px}.ebh-files{position:relative;min-height:255px}.ebh-file{position:absolute;width:150px;min-height:70px;padding:10px 10px 9px;border:1px solid #dfe6ef;border-radius:11px;background:#fff;box-shadow:0 10px 25px rgba(24,56,97,.10);display:grid;grid-template-columns:auto 1fr;column-gap:7px;row-gap:2px;align-items:start}.ebh-file b{grid-row:1/3;display:grid;place-items:center;min-width:34px;height:34px;padding:0 5px;border-radius:8px;background:#eef4ff;color:#1e63d8;font-size:8px;line-height:1;font-weight:950}.ebh-file span{font-size:9px;font-weight:850;color:#243a58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ebh-file small{font-size:6.5px;color:#7c8999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ebh-file-xlsx{left:2%;top:8px;transform:rotate(-3deg)}.ebh-file-xlsx b{background:#e7f7ee;color:#158447}.ebh-file-db{right:1%;top:35px;transform:rotate(2deg)}.ebh-file-db b{background:#e9efff;color:#315fd6}.ebh-file-csv{left:14%;top:102px;transform:rotate(1.5deg)}.ebh-file-csv b{background:#e8f7ef;color:#19834a}.ebh-file-txt{right:9%;top:126px;transform:rotate(-2deg)}.ebh-file-txt b{background:#f1edff;color:#6f52c8}.ebh-file-json{left:3%;top:192px;transform:rotate(-1deg)}.ebh-file-json b{background:#eef4ff;color:#2f6fed}.ebh-file-sql{right:2%;top:206px;transform:rotate(2deg)}.ebh-file-sql b{background:#e9f5ff;color:#2474a8}.ebh-arrow{display:grid;place-items:center;color:#2f6fed}.ebh-arrow span{font-size:34px;font-weight:500;filter:drop-shadow(0 5px 10px rgba(47,111,237,.18))}.ebh-transform{padding:20px 16px;border:1px solid #bfd3f5;border-radius:20px;background:linear-gradient(180deg,#f5f9ff,#eaf2ff);box-shadow:0 16px 35px rgba(31,101,223,.14);text-align:center}.ebh-logo-slot{min-height:52px;display:grid;place-items:center;margin-bottom:8px}.ebh-logo-slot img{display:block;max-width:150px;max-height:54px;width:auto;height:auto;object-fit:contain;background:transparent!important}.ebh-logo-slot strong{font-size:31px;letter-spacing:-.04em;color:#1457c7}.ebh-transform-title{font-size:12px;font-weight:900;color:#18365f;margin-bottom:14px}.ebh-steps{display:grid;gap:7px}.ebh-steps div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:8px 9px;border:1px solid #d7e3f5;border-radius:9px;background:#fff;text-align:left}.ebh-steps i{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#2f6fed;color:#fff;font-size:9px;font-weight:900;font-style:normal}.ebh-steps span{font-size:9px;font-weight:900;color:#29405f;text-transform:uppercase;letter-spacing:.04em}.ebh-result{min-width:0}.ebh-laptop{padding-top:2px}.ebh-laptop-screen{overflow:hidden;border:7px solid #172033;border-radius:14px 14px 8px 8px;background:#fff;box-shadow:0 18px 32px rgba(16,33,58,.18)}.ebh-browserbar{height:20px;display:flex;align-items:center;gap:4px;padding:0 7px;background:#f3f5f8;border-bottom:1px solid #e1e6ec;position:relative}.ebh-browserbar i{width:5px;height:5px;border-radius:50%;background:#ff5f57}.ebh-browserbar i:nth-child(2){background:#febc2e}.ebh-browserbar i:nth-child(3){background:#28c840}.ebh-browserbar span{position:absolute;left:50%;transform:translateX(-50%);width:48%;height:11px;line-height:9px;border:1px solid #d9dee5;border-radius:4px;background:#fff;text-align:center;font-size:5.5px;color:#8793a2}.ebh-app{display:grid;grid-template-columns:78px minmax(0,1fr);min-height:240px}.ebh-app aside{padding:10px 6px;background:linear-gradient(180deg,#102442,#0c1d36);color:#cdd9e9}.ebh-app aside b{display:block;font-size:6px;color:#fff;margin:2px 4px 10px;line-height:1.2}.ebh-app aside span{display:block;font-size:5.5px;padding:5px 5px;border-radius:5px;margin:1px 0}.ebh-app aside .on{background:#2f6fed;color:#fff;font-weight:800}.ebh-app main{padding:10px;background:#f7f9fc;min-width:0}.ebh-app-title{font-size:11px;font-weight:900;color:#1f314c;margin-bottom:9px}.ebh-app-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ebh-app-stats>div,.ebh-app-panels>div{padding:8px;background:#fff;border:1px solid #e3e8ef;border-radius:7px;min-width:0}.ebh-app-stats small{display:block;font-size:5.5px;color:#8090a4}.ebh-app-stats b{display:block;font-size:11px;color:#203654;margin-top:2px}.ebh-app-panels{display:grid;grid-template-columns:1.3fr .7fr;gap:6px;margin-top:6px}.ebh-app-panels b{display:block;font-size:6.5px;color:#263b5a;margin-bottom:5px}.ebh-app-panels span{display:block;font-size:5.5px;color:#7a8799;padding:4px 0;border-bottom:1px solid #eef2f6}.ebh-app-panels strong{display:block;font-size:18px;color:#19834a;margin:7px 0 2px}.ebh-laptop-base{height:10px;margin:-1px -18px 0;border-radius:0 0 50% 50%;background:linear-gradient(180deg,#c8cdd5,#9da5b1);box-shadow:0 7px 12px rgba(20,35,55,.12)}
@media(max-width:1100px){.ebh-visual{grid-template-columns:minmax(0,1fr) 26px minmax(190px,.8fr) 26px minmax(0,1fr);padding:18px;gap:8px}.ebh-file{width:132px}.ebh-app{grid-template-columns:68px minmax(0,1fr)}}
@media(max-width:820px){.ebh-visual{grid-template-columns:1fr;gap:14px;padding:20px}.ebh-source-label{margin-top:2px}.ebh-files{min-height:245px;max-width:430px;width:100%;margin:auto}.ebh-arrow span{transform:rotate(90deg);font-size:28px}.ebh-transform{max-width:360px;width:100%;margin:auto}.ebh-result{max-width:540px;width:100%;margin:auto}}
@media(max-width:520px){.ebh-visual{padding:15px;border-radius:18px}.ebh-file{width:118px;min-height:64px;padding:8px}.ebh-file b{min-width:30px;height:30px;font-size:7px}.ebh-file span{font-size:8px}.ebh-file small{font-size:5.8px}.ebh-files{min-height:230px}.ebh-app{grid-template-columns:62px minmax(0,1fr);min-height:210px}.ebh-app aside span{font-size:5px;padding:4px}.ebh-app-stats{grid-template-columns:1fr 1fr}.ebh-app-stats>div:last-child{grid-column:1/-1}.ebh-app-panels{grid-template-columns:1fr}.ebh-laptop-screen{border-width:5px}}