/* Five-stage cutaway explorer. All selectors stay inside the systems slide. */
.hero-slide--systems .slide-media:has(.filter-explorer){top:56px;bottom:126px;left:51.5%;right:max(32px,calc((100vw - 1260px)/2));height:auto;min-height:545px;background:#08264b;border-color:#4883ba4d;box-shadow:0 25px 75px #00132f45,0 0 0 7px #6aaaff05;z-index:2;overflow:hidden}
.hero-slide--systems:has(.filter-explorer) .slide-inner{min-height:755px;pointer-events:none}
.hero-slide--systems:has(.filter-explorer) .slide-copy{pointer-events:auto;width:46%;max-width:520px}
.hero-slide--systems:has(.filter-explorer) .slide-title{font-size:clamp(48px,4.1vw,66px)}
.filter-explorer{height:100%;min-height:545px;padding:24px 25px 19px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,#123d6a 0%,#08264b 63%,#072244 100%);color:#d9ebfa;isolation:isolate}
.filter-explorer-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 1px;flex:0 0 auto}
.filter-explorer-head>div{min-width:0}
.filter-explorer-head h3,.filter-explorer-head strong{display:block;font-family:'Manrope',Arial,sans-serif;font-size:16px;line-height:1.45;font-weight:600;letter-spacing:-.3px;color:#edf8ff;margin:0}
.filter-explorer-head small{display:block;font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:#86afd3;margin:0 0 6px}
.filter-explorer-head [data-filter-toggle]{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;border:1px solid #77a8d348;border-radius:25px;padding:8px 10px;background:#ffffff05;color:#bedaf0;font:500 9px/1.2 'DM Sans',Arial,sans-serif;cursor:pointer}
.filter-explorer-head [data-filter-toggle]:hover{background:#86b9ee17;border-color:#8bbee5}
.filter-explorer-head [data-filter-toggle] svg{width:12px;height:12px}
.filter-explorer-head [data-filter-toggle]:focus-visible,.filter-stage-tabs button:focus-visible{outline:2px solid #8ed6ff;outline-offset:4px}
.filter-diagram{width:calc(100% + 28px);margin:1px -14px -2px;flex:1 1 270px;min-height:190px;max-height:280px;position:relative;display:grid;place-items:center}
.filter-diagram>.filter-cutaway{display:block;width:100%;height:100%;max-height:280px;overflow:visible;vertical-align:middle}
.filter-explorer .filter-stage{cursor:pointer}
.filter-explorer .filter-stage-halo{opacity:0;transition:opacity .8s ease}
.filter-explorer .filter-core{opacity:.22;transition:opacity .65s ease}
.filter-explorer .filter-shell{opacity:.96;transition:opacity .65s ease}
.filter-explorer .shell-left,.filter-explorer .shell-right{transform:translateX(0);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.filter-explorer .membrane-leaf{opacity:0;transform:translateX(-5px);transition:opacity .7s ease,transform .85s ease}
.filter-explorer .filter-stage-label circle{transition:fill .35s,stroke .35s}
.filter-explorer .filter-stage-label text{transition:fill .35s}
.filter-explorer .filter-flow-particles{animation:fc-flow 3s linear infinite}
.filter-explorer .filter-drain-particles{animation:fc-flow 4.4s linear infinite}
.filter-explorer .filter-water{animation:fc-flow 3.5s linear infinite}
.filter-explorer:is([data-stage="1"]) [data-filter-part="1"],.filter-explorer:is([data-stage="2"]) [data-filter-part="2"],.filter-explorer:is([data-stage="3"]) [data-filter-part="3"],.filter-explorer:is([data-stage="4"]) [data-filter-part="4"],.filter-explorer:is([data-stage="5"]) [data-filter-part="5"]{--fc-active:1}
.filter-explorer[data-stage="1"] [data-filter-part="1"] .filter-core,.filter-explorer[data-stage="2"] [data-filter-part="2"] .filter-core,.filter-explorer[data-stage="3"] [data-filter-part="3"] .filter-core,.filter-explorer[data-stage="4"] [data-filter-part="4"] .filter-core,.filter-explorer[data-stage="5"] [data-filter-part="5"] .filter-core{opacity:1}
.filter-explorer[data-stage="1"] [data-filter-part="1"] .filter-shell,.filter-explorer[data-stage="2"] [data-filter-part="2"] .filter-shell,.filter-explorer[data-stage="3"] [data-filter-part="3"] .filter-shell,.filter-explorer[data-stage="4"] [data-filter-part="4"] .filter-shell,.filter-explorer[data-stage="5"] [data-filter-part="5"] .filter-shell{opacity:.48}
.filter-explorer[data-stage="1"] [data-filter-part="1"] .shell-left,.filter-explorer[data-stage="2"] [data-filter-part="2"] .shell-left,.filter-explorer[data-stage="3"] [data-filter-part="3"] .shell-left,.filter-explorer[data-stage="4"] [data-filter-part="4"] .shell-left,.filter-explorer[data-stage="5"] [data-filter-part="5"] .shell-left{transform:translateX(-28px)}
.filter-explorer[data-stage="1"] [data-filter-part="1"] .shell-right,.filter-explorer[data-stage="2"] [data-filter-part="2"] .shell-right,.filter-explorer[data-stage="3"] [data-filter-part="3"] .shell-right,.filter-explorer[data-stage="4"] [data-filter-part="4"] .shell-right,.filter-explorer[data-stage="5"] [data-filter-part="5"] .shell-right{transform:translateX(28px)}
.filter-explorer[data-stage="1"] [data-filter-part="1"] .filter-stage-halo,.filter-explorer[data-stage="2"] [data-filter-part="2"] .filter-stage-halo,.filter-explorer[data-stage="3"] [data-filter-part="3"] .filter-stage-halo,.filter-explorer[data-stage="4"] [data-filter-part="4"] .filter-stage-halo,.filter-explorer[data-stage="5"] [data-filter-part="5"] .filter-stage-halo{opacity:1}
.filter-explorer[data-stage="1"] [data-filter-part="1"] .filter-stage-label circle,.filter-explorer[data-stage="2"] [data-filter-part="2"] .filter-stage-label circle,.filter-explorer[data-stage="3"] [data-filter-part="3"] .filter-stage-label circle,.filter-explorer[data-stage="4"] [data-filter-part="4"] .filter-stage-label circle,.filter-explorer[data-stage="5"] [data-filter-part="5"] .filter-stage-label circle{fill:#2867a5;stroke:#8ed8ff}
.filter-explorer[data-stage="1"] [data-filter-part="1"] .filter-stage-label text,.filter-explorer[data-stage="2"] [data-filter-part="2"] .filter-stage-label text,.filter-explorer[data-stage="3"] [data-filter-part="3"] .filter-stage-label text,.filter-explorer[data-stage="4"] [data-filter-part="4"] .filter-stage-label text,.filter-explorer[data-stage="5"] [data-filter-part="5"] .filter-stage-label text{fill:#d9f2ff}
.filter-explorer[data-stage="4"] [data-filter-part="4"] .membrane-leaf{opacity:1;transform:translateX(5px)}
.filter-stage-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:2px 0 14px;position:relative;z-index:3;flex:0 0 auto}
.filter-stage-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:37px;padding:8px 4px;border:1px solid #5b8bb548;border-radius:7px;background:#ffffff04;color:#99bddc;font:500 9px/1.4 'DM Sans',Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.filter-stage-tabs button:hover{background:#3877ba22;border-color:#6fabdf}
.filter-stage-tabs button[aria-pressed="true"],.filter-stage-tabs button[aria-selected="true"],.filter-stage-tabs button.is-active{color:#e2f4ff;background:#2365aa6e;border-color:#7db9eb}
.filter-stage-tabs button>span:first-child{font-size:8px;opacity:.8}
.filter-details{margin-top:auto;flex:0 0 auto;min-height:112px}
.filter-stage-detail{position:relative;min-height:112px;padding:15px 17px 13px;border:1px solid #4579a446;border-radius:11px;background:#041c3c50}
.filter-stage-detail[hidden]{display:none}
.filter-stage-detail small{display:block;font-size:8px;letter-spacing:1.25px;text-transform:uppercase;color:#7fb6dc;margin-bottom:5px}
.filter-stage-detail strong{display:block;font:600 15px/1.35 'Manrope',Arial,sans-serif;letter-spacing:-.2px;color:#e5f4ff;margin-bottom:7px}
.filter-stage-detail p{font-size:10px;line-height:1.7;color:#a6c6e0;margin:0}
.filter-explorer-note{font-size:8px;line-height:1.6;color:#789dbc;margin:10px 2px 0;flex:0 0 auto}
.filter-explorer[data-motion-paused="true"] .filter-flow-particles,.filter-explorer[data-motion-paused="true"] .filter-drain-particles,.filter-explorer[data-motion-paused="true"] .filter-water{animation-play-state:paused}
@keyframes fc-flow{to{stroke-dashoffset:-56}}
@media(min-width:1600px){.hero-slide--systems .slide-media:has(.filter-explorer){right:max(36px,calc((100vw - 1370px)/2));top:62px;bottom:128px}.hero-slide--systems:has(.filter-explorer) .slide-inner{min-height:770px}}
@media(min-width:761px) and (max-width:1100px){
 .hero-slide--systems .slide-media:has(.filter-explorer){left:51%;right:24px;top:62px;bottom:128px;min-height:535px}
 .hero-slide--systems:has(.filter-explorer) .slide-copy{width:45%}
 .hero-slide--systems:has(.filter-explorer) .slide-title{font-size:50px;letter-spacing:-2.4px}
 .filter-explorer{padding:22px 18px 18px;min-height:535px}
 .filter-explorer-head h3,.filter-explorer-head strong{font-size:14px}
 .filter-explorer-head [data-filter-toggle]{padding:8px;font-size:8px}
 .filter-diagram{margin-top:14px;margin-bottom:12px;width:calc(100% + 24px);margin-left:-12px;margin-right:-12px}
 .filter-stage-tabs{gap:4px}.filter-stage-tabs button{font-size:8px;gap:3px}
 .filter-details,.filter-stage-detail{min-height:128px}.filter-stage-detail{padding:14px}.filter-stage-detail strong{font-size:14px}.filter-stage-detail p{font-size:10px}
}
@media(min-width:761px) and (max-width:880px){.hero-slide--systems:has(.filter-explorer) .slide-title{font-size:44px}.filter-explorer-head{gap:8px}.filter-explorer-head h3,.filter-explorer-head strong{font-size:12px}.filter-explorer-head small{font-size:7px;letter-spacing:1px}.filter-stage-tabs button{font-size:7px;flex-direction:column;gap:0;padding:6px 2px;min-height:40px}}
@media(max-width:760px){
 .hero-slide--systems:has(.filter-explorer) .slide-inner{min-height:0;padding-bottom:0;pointer-events:none}
 .hero-slide--systems:has(.filter-explorer) .slide-copy{width:100%;max-width:100%;pointer-events:auto}
 .hero-slide--systems:has(.filter-explorer) .slide-title{font-size:46px;line-height:1.1;letter-spacing:-2.5px}
 .hero-slide--systems .slide-media:has(.filter-explorer){position:relative;inset:auto;flex:0 0 auto;width:calc(100% - 44px);height:auto;min-height:425px;max-width:560px;margin:24px auto 135px;z-index:2;border-radius:17px}
 .filter-explorer{min-height:425px;padding:19px 18px 16px}
 .filter-explorer-head h3,.filter-explorer-head strong{font-size:14px}.filter-explorer-head small{font-size:7px;letter-spacing:1.2px}
 .filter-explorer-head [data-filter-toggle]{padding:8px 9px;font-size:8px}
 .filter-diagram{width:calc(100% + 24px);height:clamp(185px,49vw,255px);flex:0 0 auto;min-height:185px;max-height:255px;margin:3px -12px 0}
 .filter-diagram>.filter-cutaway{max-height:265px}
 .filter-stage-tabs{gap:5px;margin-top:0;margin-bottom:12px}.filter-stage-tabs button{min-height:39px;font-size:8px;padding:7px 3px;gap:4px}
 .filter-details,.filter-stage-detail{min-height:112px}.filter-stage-detail{padding:13px 14px 12px}.filter-stage-detail strong{font-size:14px}.filter-stage-detail p{font-size:10px;line-height:1.65}
 .filter-explorer-note{font-size:7px;margin-top:8px;line-height:1.65}
}
@media(max-width:420px){
 .hero-slide--systems:has(.filter-explorer) .slide-title{font-size:43px}
 .filter-explorer{padding:17px 13px 15px;min-height:425px}
 .filter-explorer-head{gap:9px}.filter-explorer-head h3,.filter-explorer-head strong{font-size:13px}.filter-explorer-head small{font-size:7px}
 .filter-diagram{width:calc(100% + 18px);margin:9px -9px 7px}
 .filter-stage-tabs{gap:4px}.filter-stage-tabs button{font-size:7px;gap:2px;min-height:39px}.filter-stage-tabs button>span:first-child{font-size:7px}
 .filter-details,.filter-stage-detail{min-height:120px}.filter-stage-detail{padding:13px}.filter-stage-detail strong{font-size:13px}
}
@media(max-width:360px){.hero-slide--systems .slide-media:has(.filter-explorer){width:calc(100% - 38px)}.hero-slide--systems:has(.filter-explorer) .slide-title{font-size:40px}.filter-explorer-head h3,.filter-explorer-head strong{font-size:12px}.filter-explorer-head [data-filter-toggle]{font-size:7px;padding:7px}.filter-stage-tabs button{flex-direction:column;gap:0}.filter-stage-detail p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.filter-explorer *{animation:none!important;transition:none!important}.filter-explorer .filter-flow-particles,.filter-explorer .filter-drain-particles,.filter-explorer .filter-water{stroke-dashoffset:0}}