.solution-sequence{height:280svh;position:relative;margin-top:40px}
.solution-frame{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));background:#091317;overflow:hidden}
.solution-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s;pointer-events:none}
.solution-panel.is-active{opacity:1;visibility:visible;pointer-events:auto}
.solution-layout{height:100%;margin:0;display:grid;grid-template-columns:1.15fr 1fr;align-items:center}
.solution-layout picture{display:block;height:100%;min-width:0;overflow:hidden;position:relative}
.solution-layout picture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 75%,#091317)}
.solution-layout img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.025);transition:transform 1s ease}
.is-active .solution-layout img{transform:scale(1)}
.solution-copy{padding:40px clamp(28px,5vw,90px) 40px clamp(28px,4vw,64px);color:#fff}
.solution-copy>span{font-size:14px;letter-spacing:.08em;color:#a4e6ef}
.solution-copy h3{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.08;letter-spacing:-.04em;margin:24px 0}
.solution-copy p{font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65;color:#d4e3e8;margin:0}
.solution-steps{display:flex;gap:12px;margin-top:36px}.solution-steps span{height:3px;flex:1;background:#284550}.solution-steps .active{background:#8be6ff}
@media(max-width:900px){.solution-layout{grid-template-columns:1fr;grid-template-rows:42% 58%;align-items:start}.solution-layout picture{width:100%}.solution-layout picture:after{background:linear-gradient(0deg,#091317,transparent 40%)}.solution-copy{padding:20px 7% 30px}.solution-copy h3{font-size:clamp(1.6rem,5vw,2.5rem);margin:14px 0}.solution-copy p{font-size:1rem;line-height:1.5}.solution-copy>span{font-size:12px}.solution-steps{margin-top:22px}.solution-layout img{object-position:center 35%}}
@media(prefers-reduced-motion:reduce),(max-height:700px){.solution-sequence{height:auto}.solution-frame{position:relative;top:0;height:auto;overflow:visible}.solution-panel{position:relative;opacity:1;visibility:visible;pointer-events:auto;transition:none}.solution-layout{height:auto;min-height:550px}.solution-layout picture{height:550px}.solution-layout img{transform:none!important;transition:none}.solution-steps{display:none}}
@media(max-width:900px) and (max-height:700px){.solution-layout{display:block}.solution-layout picture{height:350px}.solution-copy{padding-bottom:60px}}
@media(max-width:900px) and (prefers-reduced-motion:reduce){.solution-layout{display:block}.solution-layout picture{height:350px}.solution-copy{padding-bottom:60px}}