/* M&H Investment 3.0 — diversified investment / navy + green / digital twin */
:root{--mh-accent:#b9ed55;--mh-glow:#95e87c;--mh-night:#071c2b}
.mh-hybrid-hero{background:radial-gradient(ellipse 62% 86% at 79% 47%,#13505a 0,#0c303f 44%,#061825 93%);min-height:760px}
.mh-hybrid-hero .mh-hero-layout{max-width:1460px;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:20px;padding-top:28px;min-height:780px;padding-bottom:70px}
.mh-hybrid-hero .mh-main-headline{font-size:clamp(37px,3.5vw,58px);max-width:555px}
.mh-hybrid-hero .mh-hero-description{font-size:14px;max-width:510px;line-height:1.75}
.mh-hybrid-hero .mh-hero-micro{margin-top:42px}
.mh-hybrid-hero .mh-hero-media{height:auto;max-width:none;min-height:635px;width:100%;margin:0;left:auto;display:flex;flex-direction:column;justify-content:center;z-index:7}
.mh-sim-note{text-align:center;color:#85aeb5;font-size:10px;letter-spacing:.035em;margin:10px 0 0}
.mh-hybrid{--hy-green:#b9ed55;position:relative;width:100%;border-radius:20px;background:linear-gradient(145deg,rgba(13,47,59,.96),rgba(6,23,39,.96));border:1px solid rgba(160,240,194,.26);box-shadow:0 30px 95px rgba(0,0,0,.35),0 0 50px rgba(73,209,137,.07),inset 0 1px rgba(255,255,255,.14);overflow:hidden;color:#f1fff8;font-family:Manrope,Arial,sans-serif;isolation:isolate}
.mh-hybrid:before{content:'';position:absolute;pointer-events:none;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 41%)}
.mh-hybrid-bar{height:46px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;gap:9px;border-bottom:1px solid rgba(158,227,194,.15);position:relative;z-index:2}
.mh-hybrid-brand{font-size:10px;font-weight:800;letter-spacing:.08em;display:flex;align-items:center;gap:7px;white-space:nowrap}.mh-hybrid-brand b{color:var(--hy-green)}.mh-hybrid-divider{color:#538384;padding:0 5px}.mh-hybrid-led{width:7px;height:7px;border-radius:100%;background:#b9ed55;box-shadow:0 0 13px #b9ed55;animation:mh-beacon 2s infinite}
.mh-sim-flag{font-size:8px;color:#9cb9b1;letter-spacing:.07em;white-space:nowrap}
.mh-hybrid-stage{height:380px;position:relative;background:radial-gradient(ellipse at 48% 35%,rgba(20,109,108,.33),transparent 64%),linear-gradient(180deg,rgba(7,26,40,.26),rgba(3,18,31,.1));overflow:hidden;isolation:isolate}
.mh-hybrid-stage:after{content:'';position:absolute;pointer-events:none;inset:45% -40% -80%;background-image:linear-gradient(rgba(88,221,158,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(88,221,158,.12) 1px,transparent 1px);background-size:28px 28px;transform:perspective(400px) rotateX(60deg);opacity:.45}
.mh-hybrid-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:2;cursor:grab;touch-action:pan-y;outline-offset:-5px}
.mh-hybrid-canvas:active{cursor:grabbing;touch-action:none}
.mh-hybrid-aura{position:absolute;width:62%;height:45%;left:17%;top:25%;border-radius:50%;background:rgba(52,180,146,.17);filter:blur(55px);pointer-events:none}
.mh-hybrid-label{position:absolute;z-index:3;left:-900px;top:-900px;transform:translate(-50%,-100%);pointer-events:none;text-align:center;display:flex;align-items:center;flex-direction:column;gap:3px;white-space:nowrap;filter:drop-shadow(0 5px 5px rgba(0,0,0,.45));transition:opacity .2s}
.mh-hybrid-label strong{font-size:8px;letter-spacing:.055em;color:#ecfff4;background:rgba(11,39,50,.83);border:1px solid rgba(158,227,194,.24);border-radius:5px;padding:4px 7px}.mh-hybrid-label span{font-size:9px;font-weight:800;color:#b9ed55;text-shadow:0 1px 2px #071f2a}
.mh-hybrid-scene-actions{position:absolute;z-index:5;right:10px;bottom:10px;display:flex;gap:5px}.mh-hybrid-scene-actions button{width:30px;height:29px;border-radius:7px;background:rgba(12,47,56,.83);border:1px solid rgba(144,225,184,.35);color:#d7f4e3;cursor:pointer;font-size:16px;transition:background .2s}.mh-hybrid-scene-actions button:hover,.mh-hybrid-scene-actions button:focus-visible{background:#396c49;color:white}
.mh-mode-row{display:flex;gap:6px;align-items:center;justify-content:flex-start;padding:10px 12px;border-top:1px solid rgba(158,227,194,.12);border-bottom:1px solid rgba(158,227,194,.12);background:rgba(8,33,42,.7);position:relative;z-index:4}
.mh-mode-row button{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:5px 12px;border-radius:7px;background:transparent;border:1px solid rgba(134,194,169,.25);color:#b6cac4;font-size:10px;font-family:Manrope,sans-serif;font-weight:700;cursor:pointer;transition:background .25s,border-color .25s,color .25s,transform .25s}.mh-mode-row button:hover{transform:translateY(-2px);color:#fff}.mh-mode-row button[aria-pressed=true]{background:rgba(186,237,85,.16);color:#d9ff92;border-color:rgba(186,237,85,.65);box-shadow:inset 0 0 14px rgba(186,237,85,.04)}.mh-mode-row button>span{font-size:16px}
.mh-hybrid-meters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 11px 11px;gap:0;position:relative;z-index:4}
.mh-hybrid-meters>div{padding:0 9px;border-right:1px solid rgba(152,213,177,.17)}.mh-hybrid-meters>div:last-child{border-right:0}.mh-hybrid-meters span{display:block;font-size:8px;font-weight:800;letter-spacing:.07em;color:#a0bdb3;white-space:nowrap;margin-bottom:5px}.mh-hybrid-meters strong{font-size:clamp(17px,2.2vw,27px);line-height:1.2;letter-spacing:-.045em;color:#f4fff2;font-variant-numeric:tabular-nums}.mh-hybrid-meters small{font-size:9px;color:#b9ed55;font-weight:700;margin-left:4px}
.mh-hybrid-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 18px 12px}.mh-energy-key{display:flex;gap:13px}.mh-energy-key span{display:inline-flex;gap:5px;align-items:center;color:#a9c1b9;font-size:9px}.mh-energy-key i{display:inline-block;width:7px;height:7px;border-radius:50%}.mh-flow-solar{background:#c3f765;box-shadow:0 0 9px #c3f765}.mh-flow-battery{background:#49dbca;box-shadow:0 0 9px #49dbca}.mh-flow-grid{background:#ffa668;box-shadow:0 0 9px #ffa668}.mh-hybrid-balance{font-size:9px;color:#9cb9b1;white-space:nowrap}
.mh-hybrid-fallback{display:none;position:absolute;z-index:8;inset:0;align-content:center;text-align:center;background:radial-gradient(ellipse,#194450,#071f2a);padding:20px;color:#fff}.mh-hybrid-fallback strong{font-size:20px}.mh-hybrid-fallback div{font-size:15px;margin:18px 0}.mh-hybrid-fallback span{color:#b9ed55}.mh-hybrid-fallback small{font-size:10px;color:#b2d2c8}
.mh-hybrid.webgl-failed .mh-hybrid-fallback{display:block}.mh-hybrid.webgl-failed .mh-hybrid-label,.mh-hybrid.webgl-failed .mh-hybrid-canvas,.mh-hybrid.webgl-failed .mh-hybrid-scene-actions{display:none}
.mh-elementor-hybrid{max-width:1150px;margin:0 auto}.mh-elementor-hybrid .mh-hybrid-stage{height:var(--mh-widget-height,440px)}
/* Corporate portfolio sections focus on investment, not an exclusive solar identity. */
.mh-hybrid-hero .mh-main-headline .mh-word:nth-last-of-type(-n+2) .mh-letter{color:#b9ed55}
.mh-multi-sector{display:inline-block;padding:5px 10px;border:1px solid #c8dec2;font:800 10px Manrope,sans-serif;color:#46603b;letter-spacing:.10em;margin-bottom:14px}
@media(max-width:1190px){.mh-hybrid-hero .mh-hero-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:10px}.mh-hybrid-stage{height:345px}.mh-hybrid-label strong{font-size:7px}.mh-hybrid-meters span{font-size:7px}.mh-hybrid-balance{display:none}}
@media(max-width:980px){.mh-hybrid-hero .mh-hero-layout{grid-template-columns:1fr;padding-top:10px}.mh-hybrid-hero .mh-hero-media{max-width:780px;min-height:0;margin:0 auto 16px}.mh-hybrid-hero .mh-hero-text{padding:60px 0 20px}.mh-hybrid-stage{height:430px}.mh-hybrid-hero .mh-main-headline{max-width:750px;font-size:clamp(42px,6.4vw,65px)}.mh-hybrid-hero .mh-hero-layout{padding-bottom:95px}.mh-hybrid-hero .mh-hero-micro{margin-top:25px}}
@media(max-width:600px){.mh-hybrid-hero{min-height:950px}.mh-hybrid-hero .mh-hero-layout{padding-top:0;padding-bottom:64px}.mh-hybrid-hero .mh-hero-text{padding-top:36px}.mh-hybrid-hero .mh-main-headline{font-size:clamp(33px,8.4vw,45px)}.mh-hybrid-hero .mh-hero-description{font-size:13px}.mh-hybrid-hero .mh-hero-media{width:100%;left:0;min-height:0}.mh-hybrid-bar{padding:0 9px;height:38px}.mh-hybrid-brand{font-size:8px;gap:4px}.mh-sim-flag{font-size:6px}.mh-hybrid-stage{height:265px}.mh-hybrid-label strong{font-size:6px;padding:3px 4px}.mh-hybrid-label span{font-size:7px}.mh-mode-row{padding:8px 6px;gap:5px}.mh-mode-row button{padding:6px 7px;font-size:9px;min-height:30px;gap:4px}.mh-mode-row button>span{font-size:13px}.mh-hybrid-meters{padding:12px 4px 8px}.mh-hybrid-meters>div{padding:0 5px}.mh-hybrid-meters span{font-size:6.4px;letter-spacing:0}.mh-hybrid-meters strong{font-size:clamp(16px,5vw,21px)}.mh-hybrid-meters small{display:block;margin:0;font-size:8px}.mh-hybrid-bottom{padding:0 9px 10px}.mh-energy-key{gap:8px}.mh-energy-key span{font-size:8px}.mh-sim-note{font-size:9px}.mh-hybrid-hero .mh-hero-micro{gap:9px;font-size:7px;margin-top:25px}.mh-hybrid-hero .mh-hero-foot{bottom:16px}.mh-hybrid-hero .mh-btn-3d{min-width:0}.mh-hybrid-hero .mh-hero-layout .mh-hero-media{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.mh-hybrid-led{animation:none}.mh-hybrid-label{transition:none}.mh-mode-row button{transition:none}}

/* Animated isometric fallback when graphics policy blocks WebGL, not a plain text placeholder */
.mh-hybrid-fallback{padding:4px 4px 9px;align-content:stretch;background:radial-gradient(ellipse at 50% 45%,#17505a,#09212d 74%)}
.mh-hybrid-svg{display:block;width:100%;height:calc(100% - 21px);overflow:visible;filter:drop-shadow(0 15px 15px rgba(0,0,0,.25))}
.mh-svg-caption text{font:800 12px Manrope,Arial,sans-serif;letter-spacing:1.1px;fill:#ddfff0;paint-order:stroke;stroke:#0b2933;stroke-width:2px}
.mh-fallback-caption{display:block;color:#b1d8cb;font-size:9px;letter-spacing:.08em}
.mh-sim-wire{opacity:.88;stroke-dasharray:10 13;animation:mh-energy-run 1.2s linear infinite;filter:drop-shadow(0 0 3px currentColor)}
.mh-sim-pv{color:#b9ed55}.mh-sim-battery{color:#49dbca}.mh-sim-grid{color:#ffa668}
.mh-hybrid[data-energy-mode=peak] .mh-sim-battery,.mh-hybrid[data-energy-mode=night] .mh-sim-battery{animation-direction:reverse}
.mh-hybrid[data-energy-mode=peak] .mh-sim-grid,.mh-hybrid[data-energy-mode=night] .mh-sim-grid{animation-direction:reverse}
.mh-hybrid[data-energy-mode=night] .mh-sim-pv{opacity:.06;animation:none}
.mh-hybrid[data-energy-mode=night] .mh-svg-pv{opacity:.38}
.mh-svg-inverter circle{animation:mh-beacon 1.7s infinite}
.mh-svg-pv,.mh-svg-factory,.mh-svg-battery,.mh-svg-inverter{filter:drop-shadow(0 8px 8px rgba(0,0,0,.21))}
@keyframes mh-energy-run{to{stroke-dashoffset:-46}}
@media(prefers-reduced-motion:reduce){.mh-sim-wire,.mh-svg-inverter circle{animation:none}}
@media(max-width:600px){.mh-svg-caption text{font-size:13px}.mh-hybrid-svg{height:calc(100% - 18px)}.mh-fallback-caption{font-size:7px}}