.section-4{--solution-gold:#ffc022;overflow:hidden}
.section-4 .solution-bg{opacity:0;clip-path:polygon(112% 0,112% 0,100% 100%,100% 100%);transform:scale(1.075) translate3d(2.5%,0,0);filter:brightness(.78) saturate(.82);transition:opacity .12s linear,clip-path 1.05s cubic-bezier(.76,0,.24,1),transform 1.65s cubic-bezier(.16,1,.3,1),filter 1.05s ease;will-change:clip-path,transform,filter}
.section-4 .solution-bg.active{opacity:1;clip-path:polygon(0 0,112% 0,100% 100%,-12% 100%);transform:scale(1) translate3d(0,0,0);filter:brightness(1) saturate(1)}
.section-4::after{content:"";position:absolute;z-index:4;top:-8%;bottom:-8%;left:0;width:3px;pointer-events:none;opacity:0;transform:translateX(100vw) rotate(7deg);transform-origin:center;background:linear-gradient(180deg,transparent,rgba(255,255,255,.95) 30%,var(--solution-gold) 55%,transparent);box-shadow:0 0 18px rgba(255,192,34,.85),0 0 45px rgba(255,255,255,.38)}
.section-4.solution-switching::after{animation:solutionCurtainEdge 1.05s cubic-bezier(.76,0,.24,1)}
.section-4.solution-switching .solution-title-wrap{animation:solutionTitlePulse .72s cubic-bezier(.2,.8,.2,1)}
.section-4 .solution-tab{overflow:hidden;isolation:isolate;transition:height .55s cubic-bezier(.2,.85,.2,1),margin .55s cubic-bezier(.2,.85,.2,1),background .45s ease,box-shadow .55s ease,transform .45s ease}
.section-4 .solution-tab::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(circle at 50% 110%,rgba(255,255,255,.52),transparent 58%);transform:translateY(28%);transition:.55s ease}
.section-4 .solution-tab.active::after{opacity:1;transform:translateY(0)}
.section-4 .solution-tab.active img{animation:solutionIconFloat 1.35s ease-in-out infinite alternate;filter:drop-shadow(0 5px 9px rgba(85,52,0,.24))}
.section-4 .solution-tab.active span{animation:solutionLabelIn .55s cubic-bezier(.16,1,.3,1) both}
@keyframes solutionCurtainEdge{0%{opacity:0;transform:translateX(100vw) rotate(7deg)}10%{opacity:1}82%{opacity:.9}100%{opacity:0;transform:translateX(-8vw) rotate(7deg)}}
@keyframes solutionTitlePulse{0%{opacity:.45;transform:translateX(-50%) translateY(-12px) scale(.96);filter:blur(5px)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1);filter:blur(0)}}
@keyframes solutionIconFloat{from{transform:translateY(2px) scale(1.04)}to{transform:translateY(-4px) scale(1.12)}}
@keyframes solutionLabelIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.section-4 .solution-bg,.section-4 .solution-tab{transition:none}.section-4.solution-switching::after,.section-4.solution-switching .solution-title-wrap,.section-4 .solution-tab.active img,.section-4 .solution-tab.active span{animation:none}}
