.legacy-solution{--ls-blue:#0565c4;--ls-ink:#1a2b3c;--ls-muted:#5b6b7b;color:var(--ls-ink);background:#fff;font-size:16px;line-height:1.85;padding-top:var(--ls-header-height,100px)}
.legacy-solution *{box-sizing:border-box}
.legacy-solution .ls-container{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.legacy-solution .ls-hero{background:radial-gradient(ellipse at 95% 20%,#d9f0ed 0,transparent 52%),linear-gradient(120deg,#f1f7fd,#e8f2fc);padding:34px 0 66px;border-bottom:1px solid #dce8f2}
.legacy-solution .ls-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--ls-muted);margin-bottom:45px}
.legacy-solution a{color:inherit;text-decoration:none}
.legacy-solution .ls-eyebrow{color:var(--ls-blue);letter-spacing:3px;font-size:14px;margin:0 0 16px}
.legacy-solution h1{font-size:clamp(28px,3vw,42px);line-height:1.5;font-weight:650;max-width:1050px;margin:0 0 24px;letter-spacing:.015em}
.legacy-solution .ls-intro{max-width:1000px;color:#465d73;line-height:2;margin:0;font-size:17px}
.legacy-solution .ls-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.legacy-solution .ls-actions a{padding:10px 22px;border:1px solid #bdd1e4;border-radius:6px;background:#ffffff80;color:var(--ls-blue);font-size:14px}
.legacy-solution .ls-actions .ls-primary{background:var(--ls-blue);color:#fff;border-color:var(--ls-blue)}
.legacy-solution .ls-chapters{display:flex;flex-wrap:wrap;gap:12px 34px;padding:22px 0;border-bottom:1px solid #e1e9f0;font-size:15px;color:#476075}
.legacy-solution .ls-chapters a:hover{color:var(--ls-blue)}
.legacy-solution .ls-section{padding:64px 0 0;scroll-margin-top:145px}
.legacy-solution #ls-content{scroll-margin-top:145px}
.legacy-solution .ls-section-heading{display:flex;gap:14px;align-items:center;margin:0 0 32px}
.legacy-solution .ls-section-heading>span{display:grid;place-items:center;background:#eaf3fc;color:var(--ls-blue);font-size:20px;line-height:1;width:44px;height:44px;border-radius:10px;flex:none;font-variant-numeric:tabular-nums}
.legacy-solution .ls-section-heading h2{font-size:28px;line-height:1.5;margin:0;font-weight:600}
.legacy-solution .ls-section-heading:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#d8e4ee,transparent);margin-left:12px}
.legacy-solution .ls-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.legacy-solution .ls-image{display:block;position:relative;width:100%;border:1px solid #dce6ef;border-radius:12px;background:#fff;padding:16px;overflow:hidden;cursor:zoom-in;color:var(--ls-muted);font:inherit}
.legacy-solution .ls-image img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;margin:auto}
.legacy-solution .ls-image>span{display:block;text-align:right;font-size:12px;line-height:1.5;margin-top:10px;color:#58738b}
.legacy-solution .ls-image:hover{border-color:#8dbbe9;box-shadow:0 8px 28px #123c6410}
.legacy-solution .ls-features{display:grid;gap:28px}
.legacy-solution .ls-feature{padding:30px;border:1px solid #e1e9f0;border-radius:14px;background:#fff;min-width:0}
.legacy-solution .ls-feature-with-image{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center}
.legacy-solution .ls-feature-number{display:block;font-size:14px;font-weight:600;letter-spacing:2px;color:var(--ls-blue);margin-bottom:12px}
.legacy-solution h3{font-size:22px;line-height:1.6;margin:0 0 16px;font-weight:600}
.legacy-solution .ls-feature p{color:var(--ls-muted);font-size:16px;line-height:2;margin:0 0 14px}
.legacy-solution .ls-feature p:last-child{margin-bottom:0}
.legacy-solution .ls-feature-images .ls-image{background:#f7f9fc;padding:12px;border-color:#e7edf3}
.legacy-solution .ls-text-features{grid-template-columns:repeat(2,minmax(0,1fr))}
.legacy-solution .ls-text-features .ls-feature{background:linear-gradient(145deg,#f6faff,#fff)}
.legacy-solution .ls-related{padding-bottom:80px}
.legacy-solution .ls-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.legacy-solution .ls-related-grid a{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #e0e8f0;border-radius:8px;padding:20px 24px;font-size:16px}
.legacy-solution .ls-related-grid a:hover{background:#f3f8fe;color:var(--ls-blue)}
.legacy-solution .ls-related-grid b{color:var(--ls-blue);font-weight:400}
.legacy-solution .ls-dialog{padding:52px 20px 20px;max-width:95vw;max-height:94vh;border:0;border-radius:12px;overflow:auto}
.legacy-solution .ls-dialog::backdrop{background:#102338cc}
.legacy-solution .ls-dialog img{display:block;max-width:100%;height:auto;margin:auto}
.legacy-solution .ls-dialog>button{position:absolute;right:12px;top:8px;font-size:28px;border:0;background:#eff5fb;border-radius:50%;width:36px;height:36px;cursor:pointer;line-height:1;color:#1a2b3c}
.legacy-solution :focus-visible{outline:3px solid #0565c4;outline-offset:4px}
@media(max-width:800px){.legacy-solution .ls-container{width:calc(100% - 36px)}.legacy-solution .ls-hero{padding:24px 0 40px}.legacy-solution .ls-breadcrumb{margin-bottom:28px;font-size:12px}.legacy-solution .ls-intro{font-size:15px}.legacy-solution .ls-feature-with-image{grid-template-columns:1fr;gap:24px}.legacy-solution .ls-feature{padding:24px}.legacy-solution .ls-gallery-grid{gap:16px}.legacy-solution .ls-section{padding-top:44px}.legacy-solution .ls-section-heading h2{font-size:24px}.legacy-solution .ls-text-features,.legacy-solution .ls-related-grid{grid-template-columns:1fr}}
@media(max-width:520px){.legacy-solution .ls-gallery-grid{grid-template-columns:1fr}.legacy-solution .ls-eyebrow{font-size:12px;letter-spacing:2px}.legacy-solution .ls-actions{gap:10px}.legacy-solution .ls-actions a{padding:9px 14px}.legacy-solution .ls-section-heading{gap:12px;margin-bottom:24px}.legacy-solution .ls-section-heading>span{width:38px;height:38px;font-size:18px}.legacy-solution .ls-feature{padding:22px}.legacy-solution h3{font-size:20px}.legacy-solution .ls-feature p{font-size:15px}.legacy-solution .ls-chapters{gap:10px 22px;font-size:14px}.legacy-solution .ls-related{padding-bottom:50px}}

/* Compact artwork stages, without stretching or cropping diagram content. */
.legacy-solution .ls-gallery-grid{align-items:start;gap:24px}
.legacy-solution .ls-gallery-grid>.ls-image{padding:14px;display:flex;flex-direction:column;gap:10px}
.legacy-solution .ls-gallery-grid>.ls-image img{height:330px;max-height:none;width:100%;object-fit:contain;margin:0}
.legacy-solution .ls-gallery-grid>.ls-image>span{margin:0}
.legacy-solution .ls-gallery-grid:has(> :only-child){grid-template-columns:minmax(0,960px);justify-content:center}
.legacy-solution .ls-gallery-grid> :only-child img{height:auto;max-height:430px}
.legacy-solution .ls-section{padding-top:44px}
.legacy-solution .ls-section-heading{margin-bottom:24px}
.legacy-solution{padding-bottom:0}
.ls-contact-section{padding-top:48px;padding-bottom:48px}
@media(max-width:800px){.legacy-solution .ls-gallery-grid>.ls-image img{height:250px}.legacy-solution .ls-gallery-grid> :only-child img{height:auto;max-height:360px}}
@media(max-width:520px){.legacy-solution .ls-gallery-grid>.ls-image img{height:auto;max-height:340px}.legacy-solution .ls-section{padding-top:32px}.ls-contact-section{padding-top:32px;padding-bottom:32px}}

/* Keep item numbers alongside their titles as a compact visual anchor. */
.legacy-solution .ls-feature-heading{display:flex;align-items:center;gap:14px;margin:0 0 20px}
.legacy-solution .ls-feature-heading h3{margin:0;min-width:0}
.legacy-solution .ls-feature-heading .ls-feature-number{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;margin:0;border:1px solid #d4e5f7;border-radius:10px;background:linear-gradient(145deg,#f4f9ff,#e9f2fc);color:#2268ae;font-size:16px;font-weight:600;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 0 #fff}
@media(max-width:520px){.legacy-solution .ls-feature-heading{gap:12px;margin-bottom:16px}.legacy-solution .ls-feature-heading .ls-feature-number{flex-basis:34px;width:34px;height:34px;border-radius:9px;font-size:15px}}

/* The About-only white backdrop must not spill over the shared footer. */
body:not(.is-home) .ls-contact-section.about-page .about-company-consult{box-shadow:none;clip-path:none}

/* Distinguish chapter headings from numbered items within each chapter. */
.legacy-solution .ls-section-heading>span{display:none}
.legacy-solution .ls-section-heading:before{content:'';display:block;flex:none;width:4px;height:25px;border-radius:2px;background:#0565c4}
.legacy-solution .ls-section-heading{gap:14px}
@media(max-width:520px){.legacy-solution .ls-section-heading:before{height:22px}.legacy-solution .ls-section-heading{gap:12px}}

/* Shared soft-blue background for the five imported solution pages. */
.legacy-solution .ls-hero-soft-blue{position:relative;isolation:isolate;overflow:hidden;padding:30px 0 64px;background:radial-gradient(ellipse at 78% 8%,#ffffffcf 0,transparent 42%),radial-gradient(ellipse at 98% 98%,#74b6ee66 0,transparent 56%),linear-gradient(115deg,#f6faff 4%,#e9f3ff 52%,#c9e1f8 100%);border-bottom:1px solid #d9e7f5}
.legacy-solution .ls-hero-soft-blue:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:1000px;height:1000px;right:-420px;top:-620px;border-radius:50%;border:1px solid #ffffffb3;box-shadow:0 0 0 48px #ffffff24,0 0 0 49px #ffffff70,0 0 0 112px #ffffff12,0 0 0 113px #ffffff66,0 0 0 190px #ffffff12,0 0 0 191px #ffffff4d;transform:scaleX(1.35) rotate(-24deg)}
.legacy-solution .ls-hero-soft-blue:after{content:'';position:absolute;z-index:-1;pointer-events:none;right:-12%;bottom:-200px;width:78%;height:330px;border-radius:50%;transform:rotate(-16deg);background:linear-gradient(180deg,#ffffff60,#9ac9ee20);border-top:1px solid #ffffffe0;box-shadow:0 -18px 60px #ffffff70}
.legacy-solution .ls-hero-soft-blue>.ls-container{position:relative}
.legacy-solution .ls-hero-soft-blue .ls-intro{max-width:960px}
@media(max-width:700px){.legacy-solution .ls-hero-soft-blue{padding:24px 0 40px}.legacy-solution .ls-hero-soft-blue:before{right:-810px;opacity:.6}.legacy-solution .ls-hero-soft-blue:after{width:110%;opacity:.5}}