.hero.original-image-hero{height:calc(100svh - var(--site-header-height,104px));min-height:740px;max-height:1000px;background:#071d2b;isolation:isolate}
.original-photo-stage{position:absolute;inset:0;overflow:hidden;z-index:0;direction:ltr;user-select:none}
.original-artboard{position:absolute;width:1672px;height:941px;transform-origin:0 0;isolation:isolate}
.original-hero-image,.original-photo-overlay{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none}
.original-hero-image{pointer-events:none;user-select:none}
.original-photo-overlay{overflow:visible;pointer-events:none}
.original-photo-overlay .photo-region{pointer-events:all;cursor:pointer;outline:none}
.photo-lit-copy{opacity:0;filter:brightness(1.18) saturate(1.07);transition:opacity .3s;pointer-events:none}
.photo-region-fill{fill:#ffa255;fill-opacity:0;stroke:none;transition:fill-opacity .3s;pointer-events:fill}
.photo-region-line{fill:none;stroke:url(#photo-outline);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .3s;pointer-events:none;filter:drop-shadow(0 0 4px #ff973b)}
.photo-region-trace{fill:none;stroke:#fff1cf;stroke-width:2;stroke-dasharray:50 1700;vector-effect:non-scaling-stroke;opacity:0;pointer-events:none}
.photo-region.is-active .photo-lit-copy{opacity:.85}.photo-region.is-active .photo-region-line{opacity:1}.photo-region.is-active .photo-region-fill{fill-opacity:.035}.photo-region.is-active .photo-region-trace{opacity:.8;animation:photo-edge-travel 5s linear infinite}
.photo-inline-label{position:absolute;display:flex;align-items:center;gap:13px;direction:rtl;color:white;background:#071d2be8;border:1px solid #fa9c67;border-radius:9px;padding:10px 16px;white-space:nowrap;font-size:16px;font-weight:800;opacity:0;transform:translate(-50%,-50%) translateY(6px);transition:opacity .25s,transform .25s;pointer-events:none;box-shadow:0 8px 28px #0005}
.photo-inline-label.is-active{opacity:1;transform:translate(-50%,-50%) translateY(0)}
.original-photo-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(270deg,#071d2be8 0%,#071d2bc5 17%,#071d2b18 41%,transparent 61%),linear-gradient(0deg,#071d2b 0,#071d2be8 8%,transparent 30%)}

.original-image-hero .hero-content{position:relative;z-index:2;pointer-events:none;height:calc(100% - 190px)}
.original-image-hero .hero-copy{width:38%;padding-block:25px 65px;pointer-events:none}
.original-image-hero .hero-actions{pointer-events:auto}
.original-image-hero h1{font-size:clamp(57px,5.7vw,90px);line-height:1.35;white-space:normal}
.hero-heading-line{white-space:nowrap}
@media(min-width:701px){html[lang=ar] .original-image-hero h1{font-size:clamp(32px,calc(7vw - 44px),64px)}}
.original-image-hero .hero-copy>p{font-size:17px}

.photo-bottom{position:absolute;z-index:3;bottom:22px;left:6%;pointer-events:none}



.photo-sector-buttons{display:flex;gap:12px;pointer-events:auto}
.photo-sector-button{display:flex;align-items:center;gap:15px;flex:1;min-width:0;padding:17px 20px;border:1px solid #9fc4d33d;border-radius:12px;background:#0e2c3de6;color:white;backdrop-filter:blur(12px);transition:transform .25s,border-color .25s,background .25s}
.photo-sector-button>svg{color:#ff9463;flex-shrink:0}.photo-sector-button strong{font-size:17px;flex:1;font-weight:700}.photo-sector-button>span{color:#8eb2c4;display:flex}
.photo-sector-button:hover,.photo-sector-button:focus-visible,.photo-sector-button.is-active{background:#173f50f2;border-color:#ff9c65;transform:translateY(-3px)}

.photo-package{animation:photo-packages 11s linear infinite;transform:translate(790px,544px)}.package-1{animation-delay:-3.66s}.package-2{animation-delay:-7.33s}
.photo-battery-indicator{animation:photo-battery-pulse 2.4s ease-in-out infinite}.photo-power-flow path{animation:photo-current 2s linear infinite}
.photo-solar-glint{animation:photo-panel-light 9s ease-in-out infinite;opacity:0}
.photo-crane-work{transform-origin:249px 204px;animation:photo-crane-lift 6s ease-in-out infinite}
.photo-warehouse-light{animation:photo-warehouse-warmth 5s ease-in-out infinite}
.photo-paused .photo-life *,.photo-paused .photo-region-trace,.photo-outside .photo-life *,.photo-outside .photo-region-trace{animation-play-state:paused!important}
@keyframes photo-edge-travel{to{stroke-dashoffset:-1750}}
@keyframes photo-packages{0%{transform:translate(790px,544px);opacity:0}8%{opacity:.9}84%{opacity:.9}100%{transform:translate(885px,493px);opacity:0}}
@keyframes photo-battery-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes photo-current{to{stroke-dashoffset:-28}}
@keyframes photo-panel-light{0%,15%{transform:translateX(-100px);opacity:0}25%{opacity:.75}60%{opacity:.75}70%,100%{transform:translateX(380px);opacity:0}}
@keyframes photo-crane-lift{0%,100%{transform:scaleY(.88) rotate(-1deg)}50%{transform:scaleY(1.14) rotate(1deg)}}
@keyframes photo-warehouse-warmth{0%,100%{opacity:.025}50%{opacity:.065}}
@media(max-width:1100px) and (min-width:701px){.hero.original-image-hero{height:760px;min-height:0}.original-image-hero .hero-copy{width:43%}.original-image-hero h1{font-size:62px}.original-image-hero .hero-copy>p{font-size:14px}.photo-sector-button{padding:15px 13px;gap:10px}.photo-sector-button strong{font-size:14px}.photo-sector-button>span{display:none}}
@media(max-width:700px){.hero.original-image-hero{height:auto;min-height:0;max-height:none;padding-bottom:20px}.original-image-hero .hero-content{height:auto;padding-top:10px}.original-image-hero .hero-copy{width:100%;padding:18px 0 0}.original-image-hero h1{font-size:47px;line-height:1.3;margin:0 0 13px}.original-image-hero .hero-copy>p{font-size:14px}.original-image-hero .hero-actions{margin-top:20px;gap:20px}.original-image-hero .hero-actions>.button{font-size:12px;min-height:44px;padding:10px 15px}.original-image-hero .video-button{font-size:11px}.original-photo-stage{position:relative;height:calc(100vw * .64);margin-top:0;inset:auto;overflow:hidden}.original-image-hero{display:flex;flex-direction:column}.original-image-hero .hero-content{order:1}.original-photo-stage{order:2}.original-photo-shade{display:none}.original-photo-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#071d2b,transparent 15%,transparent 85%,#071d2b)}.photo-bottom{position:relative;left:auto;bottom:auto;order:3;margin-top:-7px}.photo-sector-buttons{gap:6px}.photo-sector-button{padding:12px 7px;flex-direction:column;gap:6px;text-align:center;border-radius:9px;justify-content:flex-start}.photo-sector-button strong{font-size:11px;line-height:1.7}.photo-sector-button>svg{width:21px;height:21px}.photo-sector-button>span{display:none}.photo-inline-label{font-size:26px;padding:14px 20px;border-width:2px}.photo-inline-label>svg{width:23px;height:23px}}
@media(max-width:370px){.original-image-hero h1{font-size:39px}.original-image-hero .hero-actions{gap:13px}.original-image-hero .hero-copy>p{font-size:13px}.photo-sector-button strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.original-image-hero .photo-life *,.original-image-hero .photo-region-trace{animation:none!important}.photo-sector-button,.photo-inline-label,.photo-lit-copy,.photo-region-line,.photo-region-fill{transition:none}}
[data-motion=calm] .original-image-hero .photo-life *,[data-motion=calm] .original-image-hero .photo-region-trace{animation:none!important}
/* Keep the original scene proportional within the approved shorter hero. */
@media(min-width:701px){
 .hero.original-image-hero{--scene-height:clamp(540px,45.4vw,700px);height:var(--scene-height);min-height:0;max-height:none}
 .original-image-hero .original-photo-stage{right:auto;width:min(100%,calc(var(--scene-height) * 1672 / 869))}
 .original-image-hero .hero-content{height:calc(100% - 110px)}
 .original-image-hero .hero-copy{padding-block:20px 40px}
}