.solution-nav a:last-child { margin-left: 0; }
.solution-intro { padding-block: 15px 35px; }
.solution-intro h1,.solution-hero h1 { font-size: 48px; line-height: 1.45; font-weight: 500; letter-spacing: -.04em; margin-top: 18px; }
.solution-intro>p:last-child { margin-top: 20px; color: #55768c; line-height: 1.95; font-size: 14px; }
.solution-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding-bottom: 44px; }
.solution-scene-card { position: relative; isolation: isolate; height: 420px; overflow: hidden; padding: 30px; border-radius: 6px; color: #fff; }
.solution-scene-card>img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .4s; }
.solution-scene-card:before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,#0e263752,transparent 25%,#092c44e8); z-index: -1; }
.solution-scene-card:hover>img { transform: scale(1.025); }
.scene-index { font: 11px monospace; letter-spacing: .1em; }
.solution-scene-card>div { position: absolute; bottom: 55px; left: 32px; }
.solution-scene-card h2 { font-size: 35px; font-weight: 500; }
.solution-scene-card p { font-size: 13px; color: #d8eaf3; margin-top: 8px; }
.solution-scene-card strong { display: block; font-size: 13px; font-weight: 400; margin-top: 22px; }
.solution-scene-card>small { position: absolute; bottom: 20px; right: 24px; font-size: 10px; color: #d0e3ee; }
.solution-principles { display: grid; grid-template-columns: repeat(3,1fr); gap: 38px; padding-block: 35px 65px; border-top: 1px solid #dbe6ed; }
.solution-principles>div>span { font-size: 10px; color: #648ba4; }
.solution-principles h2 { font-size: 25px; font-weight: 500; margin-top: 15px; }
.solution-principles p { color: #658197; font-size: 13px; margin-top: 10px; }
.solution-principles a { display: inline-block; margin-top: 23px; font-size: 12px; color: #147bac; }
.solution-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; padding-block: 5px 45px; }
.solution-hero>div>p:not(.eyebrow) { max-width: 480px; font-size: 14px; line-height: 2; color: #58768a; margin-top: 20px; }
.solution-signals { display: flex; gap: 18px; margin-top: 23px; font-size: 11px; color: #417a9b; }
.solution-signals span+span { border-left: 1px solid #bfd4e1; padding-left: 18px; }
.solution-hero .button-primary { margin-top: 30px; }
.solution-hero figure { height: 405px; margin: 0; position: relative; overflow: hidden; border-radius: 5px; }
.solution-hero figure>img { height: 100%; width: 100%; object-fit: cover; }
.solution-hero figcaption { position: absolute; bottom: 15px; left: 18px; background: #102e43db; color: #fff; font-size: 10px; padding: 4px 8px; border-radius: 3px; }
.solution-chapters { display: flex; gap: 50px; padding-block: 18px; border-top: 1px solid #dbe6ed; font-size: 12px; color: #3f708e; }
.solution-needs { background: #f1f6f9; padding-block: 45px; border-block: 1px solid #dce7ed; }
.solution-needs .section-title,.solution-deployment .section-title { margin-bottom: 28px; }
.solution-need { display: grid; grid-template-columns: 1fr 1.45fr; gap: 45px; align-items: center; padding-block: 28px; border-top: 1px solid #cddfe9; }
.solution-need-copy>span { font: 12px monospace; color: #658ba4; }
.solution-need-copy h3 { font-size: 24px; font-weight: 500; margin-top: 10px; }
.solution-need-copy p { font-size: 13px; line-height: 1.9; color: #52778e; margin-top: 13px; }
.solution-need-copy small { display: block; font-size: 10px; color: #6b8495; margin-top: 12px; line-height: 1.9; }
.solution-product-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.solution-product { background: #fff; border: 1px solid #dce6ed; border-radius: 4px; padding: 12px 20px 20px; position: relative; }
.solution-product:hover { border-color: #7ba9c2; }
.solution-product>img { width: 100%; height: 145px; object-fit: contain; }
.solution-product strong { display: block; font-size: 23px; font-weight: 500; color: #276b93; }
.solution-product small { display: block; font-size: 11px; color: #638095; margin-top: 3px; }
.solution-product b { position: absolute; bottom: 20px; right: 20px; color: #328ab7; font-size: 20px; font-weight: 400; }
.solution-existing { display: grid; grid-template-columns: 1fr 1.2fr; gap: 70px; align-items: center; padding-block: 55px; }
.solution-existing h2,.solution-application h2,.solution-inquiry h2 { font-size: 30px; line-height: 1.5; font-weight: 500; margin-top: 16px; }
.solution-existing>div>p:not(.eyebrow) { font-size: 13px; color: #5d7f94; line-height: 1.95; margin-top: 18px; }
.solution-integration-list { display: grid; gap: 15px; }
.solution-integration { display: flex; gap: 20px; align-items: center; border: 1px solid #dbe6ed; padding: 13px 20px; border-radius: 4px; }
.solution-integration>img { width: 110px; height: 90px; object-fit: contain; }
.solution-integration small { font-size: 10px; color: #6b899c; }
.solution-integration h3 { font-size: 17px; font-weight: 500; margin-top: 4px; }
.solution-integration p { font-size: 11px; color: #567c93; margin-top: 4px; }
.solution-integration>span { margin-left: auto; color: #287ca9; }
.solution-deployment { background: #edf4f8; padding-block: 42px; }
.solution-deployment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; }
.solution-deployment-grid>article { padding: 26px 30px; border-top: 2px solid #4485a9; background: #fff; }
.solution-deployment-grid>article>span { font: 11px monospace; color: #608ba4; }
.solution-deployment-grid h3 { font-size: 24px; font-weight: 500; margin-top: 12px; }
.solution-deployment-grid p { font-size: 12px; color: #5d7d91; margin-top: 12px; }
.solution-path { display: flex; gap: 12px; align-items: center; margin-top: 24px; font-size: 11px; }
.solution-path>span { padding: 7px 10px; border: 1px solid #bfd4e1; border-radius: 3px; }
.solution-path i { font-style: normal; color: #699bb8; }
.solution-deployment-grid a { display: inline-block; font-size: 12px; color: #087ead; margin-top: 22px; }
.solution-application { display: grid; grid-template-columns: .85fr 1.15fr; gap: 55px; align-items: center; padding-block: 60px; }
.solution-application ul { padding-left: 19px; margin-block: 20px 25px; color: #57788e; font-size: 13px; line-height: 2; }
.solution-application figure { margin: 0; min-width: 0; }
.solution-application figure img { width: 100%; border: 1px solid #b7cedc; border-radius: 5px; box-shadow: 0 14px 28px #153c5717; }
.solution-application figure>a>span { display: none; }
.solution-application figcaption { font-size: 10px; color: #7691a3; margin-top: 12px; text-align: center; }
.solution-mobile { display: flex; flex-direction: column; gap: 9px; font-size: 11px; color: #3a7c9f; margin-top: 20px; }
.solution-inquiry { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding: 36px 45px; border: 1px solid #c9dce8; border-radius: 5px; margin-bottom: 60px; background: #f4f8fb; }
.solution-inquiry .button-primary { margin-top: 23px; }
.solution-inquiry>div:last-child { align-self: center; font-size: 13px; color: #56788f; }
.solution-inquiry ol { margin: 18px 0 0; padding-left: 20px; line-height: 2.6; }