/* Homepage Solutions: scroll-linked categories, with a natural-flow mobile layout. */
#solutions {overflow:visible}
#solutions .solutions-scroll-rail {position:relative}
#solutions .solutions-scroll-stage {position:relative}
#solutions .solutions-scroll-nav {position:sticky;top:var(--solutions-top,80px);z-index:8;padding:12px 0 14px;background:rgba(11,16,32,.97);border-radius:16px 16px 0 0}
#solutions .solutions-tabs-bar {width:100%;margin:0;padding:0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#solutions .solutions-tab-btn {background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.14);padding:12px;min-height:54px}
#solutions .solutions-tab-btn.active {background:rgba(249,115,22,.14);border-color:#f97316;color:#fff3e8}
#solutions .solutions-tab-btn:focus-visible {outline:2px solid #fb923c;outline-offset:3px}
#solutions .solutions-scroll-progress {display:flex;gap:8px;margin-top:12px;height:4px;pointer-events:none}
#solutions .solutions-scroll-segment {flex:1;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.14)}
#solutions .solutions-scroll-fill {display:block;width:100%;height:100%;background:#fb923c;transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px rgba(249,115,22,.35)}
#solutions.solutions-flow .solutions-configurator-panel {display:block;position:relative;min-height:0;overflow:hidden;border:1px solid var(--stroke);border-radius:24px;background:#080c18;margin-bottom:28px;animation:none;scroll-margin-top:calc(var(--solutions-top,80px) + 110px)}
#solutions.solutions-pinned .solutions-scroll-stage {position:sticky;top:var(--solutions-top,80px)}
#solutions.solutions-pinned .solutions-scroll-nav {position:relative;top:auto}
#solutions.solutions-pinned .solutions-configurator-container {height:var(--solutions-panel-height)}
#solutions.solutions-pinned .solutions-configurator-panel {position:absolute;inset:0;min-height:0}
#solutions.solutions-pinned .solutions-configurator-panel.active {animation:solutions-panel-in .28s ease-out both}
#solutions .solutions-configurator-panel[hidden] {display:none!important}
#solutions .solutions-info-col {padding:32px}
@keyframes solutions-panel-in {from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){
 #solutions .solutions-scroll-nav{padding:8px 0 12px}
 #solutions .solutions-tab-btn{font-size:11px;padding:9px 5px;min-height:60px;border-radius:10px;overflow-wrap:anywhere}
 #solutions .solutions-tabs-bar,#solutions .solutions-scroll-progress{gap:5px}
 #solutions .solutions-info-col{padding:28px 22px}
}
@media(prefers-reduced-motion:reduce){#solutions .solutions-configurator-panel.active{animation:none!important}#solutions .solutions-tab-btn{transition:none}}
