/* V12 membrane explorer: the drawing stays large; one selected explanation stays readable. */
.hero-slide--membrane{background:#061c43}
.hero-slide--membrane .slide-shade{z-index:-1;background:radial-gradient(ellipse at 80% 45%,#174e914a,transparent 60%),linear-gradient(125deg,#061b40,#082951)}
.hero-slider .hero-slide--membrane .membrane-explorer{height:100%;min-height:0;padding:18px 20px;display:flex;flex-direction:column;gap:0;color:#d6eafa;isolation:isolate;background:radial-gradient(ellipse at 52% 37%,#154b7e70,transparent 62%),linear-gradient(145deg,#092950,#062144)}
.hero-slider .membrane-brand{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:12px;flex:0 0 auto;min-height:38px}
.hero-slider .membrane-brand>img{grid-column:auto;grid-row:auto;width:112px;height:38px;padding:8px 10px;border-radius:8px;background:#fff;object-fit:contain;object-position:center;transform:none!important;filter:none;transition:none;box-shadow:0 3px 12px #0017351a}
.hero-slider .membrane-brand>div{grid-column:auto;grid-row:auto;display:block;min-width:0;margin:0}
.hero-slider .membrane-brand small{display:block;margin:0 0 3px;color:#90b4d3;font-size:7px;font-weight:600;line-height:1.4;letter-spacing:1px}
.hero-slider .membrane-brand strong{display:block;margin:0;color:#edf7ff;font:600 12px/1.4 'Manrope',Arial,sans-serif;letter-spacing:-.15px}
.hero-slider .membrane-brand [data-membrane-toggle]{grid-column:auto;grid-row:auto;display:flex;align-items:center;justify-content:center;gap:6px;max-width:114px;min-height:36px;margin:0;padding:8px 10px;border:1px solid #75a4cf55;border-radius:20px;background:#ffffff06;color:#d6eafb;font:500 9px/1.3 'DM Sans',Arial,sans-serif;text-align:left;cursor:pointer}
.hero-slider .membrane-brand [data-membrane-toggle]:hover{background:#5c9cda22;border-color:#87b9e2}
.hero-slider .membrane-brand [data-membrane-toggle-icon]{font-size:13px;min-width:10px;text-align:center}
.hero-slider .membrane-visual{display:flex;flex:1 1 0;flex-direction:column;gap:8px;min-height:0;margin:8px 0 0;isolation:isolate}
.hero-slider .membrane-visual>.membrane-diagram{display:grid;place-items:center;position:relative;flex:1 1 0;order:0;grid-area:auto;width:calc(100% + 16px);height:auto;min-height:0;max-height:none;margin:0 -8px;z-index:1}
.hero-slider .membrane-visual .membrane-cutaway{display:block;width:100%;height:100%;min-height:0;max-height:none;overflow:visible}
.hero-slider .membrane-callouts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;flex:0 0 auto;order:1;list-style:none;margin:0;padding:0;position:relative;z-index:2}
.hero-slider .membrane-callout[data-membrane-callout]{grid-area:auto;display:block;position:relative;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;opacity:1;transform:none;transition:none;pointer-events:auto;--callout-color:#8ad6dd}
.hero-slider .membrane-callout[data-membrane-callout="membrane"]{--callout-color:#ebdfae}
.hero-slider .membrane-callout[data-membrane-callout="carrier"]{--callout-color:#b6dedb}
.hero-slider .membrane-callout[data-membrane-callout="tube"]{--callout-color:#deedf7}
.hero-slider .membrane-callout[data-membrane-callout="shell"]{--callout-color:#74b6f6}
.hero-slider .membrane-callout:after{display:none}
.hero-slider .membrane-callout>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:100%;min-height:51px;padding:7px 4px;border:1px solid #80b3d333;border-radius:8px;background:#051b3766;color:#b6cde0;cursor:pointer;text-align:center;transition:border-color .18s,background .18s,box-shadow .18s}
.hero-slider .membrane-callout-number{display:inline-grid;place-items:center;flex:0 0 auto;width:18px;height:18px;margin:0;border:1px solid var(--callout-color);border-radius:50%;background:#0b2c50;color:var(--callout-color);font-size:8px;font-weight:700;line-height:1}
.hero-slider .membrane-callout strong{display:block;font:600 10px/1.3 'Manrope',Arial,sans-serif;letter-spacing:-.1px;color:inherit;margin:0;overflow-wrap:normal}
.hero-slider .membrane-callout>button:hover{background:#18416a;border-color:#8bb8db;color:#f0f8ff}
.hero-slider .membrane-callout[data-selected="true"]>button,.hero-slider .membrane-callout>button[aria-pressed="true"],.hero-slider .membrane-callout>button[data-selected="true"]{border-color:var(--callout-color);background:#1c4c76;color:#fff;box-shadow:inset 0 0 0 1px #cceaff12,0 0 15px #60b7ff0d}
.hero-slider .membrane-callout>button:focus-visible,.hero-slider .membrane-brand [data-membrane-toggle]:focus-visible{outline:2px solid #92d7ff;outline-offset:3px}
.hero-slider .membrane-selected-detail{order:2;flex:0 0 auto;min-height:70px;padding:10px 12px;border:1px solid #76a8d245;border-radius:9px;background:#041a3655;color:#bed8ed}
.hero-slider .membrane-selected-detail [hidden]{display:none!important}
.hero-slider .membrane-selected-detail strong{display:block;margin:0 0 4px;font:600 12px/1.35 'Manrope',Arial,sans-serif;color:#eef8ff;letter-spacing:-.1px}
.hero-slider .membrane-selected-detail p{margin:0;font-size:12px;line-height:1.55;color:#bbd1e3}
.hero-slider .membrane-hint{flex:0 0 auto;order:3;margin:0;color:#96b9d6;font-size:10px;line-height:1.4;text-align:center}
.hero-slider .membrane-note{flex:0 0 auto;max-width:none;font-size:9px;line-height:1.45;color:#87a9c5;margin:8px 0 0}
.membrane-cutaway [data-membrane-select]{cursor:pointer;transition:filter .18s,stroke .18s,stroke-width .18s}
.membrane-cutaway path[data-membrane-select]:hover,.membrane-cutaway rect[data-membrane-select]:hover{filter:brightness(1.12)}
.membrane-cutaway :is(path,rect)[data-membrane-select][data-selected="true"]{stroke:#dcf5ff;stroke-width:2.2;stroke-opacity:1;filter:drop-shadow(0 0 5px #8edaff80) brightness(1.12)}
.membrane-explorer[data-selected-layer] .membrane-cutaway :is(path,rect)[data-membrane-select][data-selected="false"]{filter:brightness(.78) saturate(.75)}
.membrane-cutaway [data-membrane-marker]{filter:drop-shadow(0 2px 3px #00132a66)}
.membrane-cutaway [data-membrane-marker][data-selected="true"]>circle{stroke:#fff;stroke-width:2.2}
.membrane-cutaway [data-membrane-marker][data-selected="true"]{filter:drop-shadow(0 0 6px #9bdbffb3)}
.membrane-cutaway [data-membrane-select]:focus-visible{outline:none;filter:drop-shadow(0 0 5px #fff)}
.membrane-cutaway [data-membrane-select][data-visible="false"]{visibility:hidden!important;pointer-events:none!important}
.membrane-cutaway .membrane-surface[data-selected="true"]{filter:drop-shadow(0 0 5px #8edaff80) brightness(1.12)}
.membrane-cutaway .membrane-surface[data-selected="true"]>path:not(.membrane-hit-area){stroke:#dcf5ff;stroke-width:2.2;stroke-opacity:1}
.membrane-explorer[data-selected-layer] .membrane-cutaway .membrane-surface[data-selected="false"]{filter:brightness(.78) saturate(.75)}
.membrane-cutaway .membrane-hit-area{fill:transparent;stroke:none;filter:none}
@media(min-width:761px) and (max-width:1100px){
 .hero-slider .hero-slide--membrane .membrane-explorer{padding:14px 15px}
 .hero-slider .membrane-brand{grid-template-columns:98px minmax(0,1fr) auto;gap:8px;min-height:34px}
 .hero-slider .membrane-brand>img{width:98px;height:34px;padding:7px 8px}
 .hero-slider .membrane-brand strong{font-size:10px}.hero-slider .membrane-brand small{font-size:6px;letter-spacing:.6px}
 .hero-slider .membrane-brand [data-membrane-toggle]{max-width:93px;min-height:32px;font-size:8px;padding:7px 8px}
 .hero-slider .membrane-callouts{gap:4px}.hero-slider .membrane-callout>button{min-height:52px;gap:4px;padding:6px 3px}.hero-slider .membrane-callout strong{font-size:9px}
 .hero-slider .membrane-selected-detail{min-height:73px;padding:9px 10px}.hero-slider .membrane-selected-detail p{font-size:11px;line-height:1.5}
 .hero-slider .membrane-note{font-size:8px;line-height:1.4;margin-top:6px}.hero-slider .membrane-hint{font-size:9px}
}
@media(max-width:760px){
 .hero-slider .hero-slide--membrane .membrane-explorer{padding:11px 12px}
 .hero-slider .membrane-brand{grid-template-columns:90px minmax(0,1fr) auto;gap:8px;min-height:31px}
 .hero-slider .membrane-brand>img{width:90px;height:31px;padding:6px 8px;border-radius:6px}
 .hero-slider .membrane-brand>div{display:block}.hero-slider .membrane-brand small{font-size:6px;line-height:1.5;letter-spacing:.45px;margin:0}.hero-slider .membrane-brand strong{font-size:9px;line-height:1.45;margin-top:2px}
 .hero-slider .membrane-brand [data-membrane-toggle]{min-height:31px;max-width:89px;font-size:8px;padding:7px 8px;gap:5px}
 .hero-slider .membrane-visual{gap:6px;margin-top:5px}.hero-slider .membrane-visual>.membrane-diagram{flex:1 1 0;width:calc(100% + 16px);height:auto;min-height:0;margin:0 -8px}
 .hero-slider .membrane-callouts{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 .hero-slider .membrane-callout[data-membrane-callout]{padding:0}.hero-slider .membrane-callout>button{min-height:51px;padding:5px 2px;gap:4px;border-radius:6px}.hero-slider .membrane-callout strong{font-size:9px;line-height:1.25;letter-spacing:-.15px}.hero-slider .membrane-callout-number{width:16px;height:16px;font-size:7px;margin:0}
 .hero-slider .membrane-selected-detail{min-height:70px;padding:8px 10px;border-radius:7px}.hero-slider .membrane-selected-detail strong{font-size:11px;line-height:1.3;margin-bottom:3px}.hero-slider .membrane-selected-detail p{font-size:12px;line-height:1.45}
 .hero-slider .membrane-hint{font-size:9px;line-height:1.3}.hero-slider .membrane-note{font-size:8px;line-height:1.35;margin-top:5px}
}
@media(max-width:350px){.hero-slider .membrane-brand{grid-template-columns:84px minmax(0,1fr) auto;gap:6px}.hero-slider .membrane-brand>img{width:84px;height:30px}.hero-slider .membrane-brand strong{display:none}.hero-slider .membrane-brand small{font-size:6px}.hero-slider .membrane-callout strong{font-size:8px}.hero-slider .membrane-selected-detail p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.membrane-cutaway [data-membrane-select],.hero-slider .membrane-callout>button{transition:none}}