/* Home-only visual layer: animated CSS 3D machine */
.hero-machine-wrap{position:absolute;z-index:4;left:0%;top:9%;width:min(48vw,700px);height:76%;pointer-events:none;perspective:1200px;isolation:isolate}.hero-machine-wrap:before{content:'';position:absolute;inset:12% 10% 9%;border:1px solid rgba(213,164,74,.2);border-radius:50%;transform:rotate(-12deg) scaleY(.45);box-shadow:0 0 80px rgba(213,164,74,.1);animation:machineOrbit 18s linear infinite}.machine-hud{position:absolute;top:3%;left:4%;right:5%;display:flex;justify-content:space-between;color:rgba(245,235,213,.7);font:600 9px/1.2 'IBM Plex Sans Arabic',sans-serif;letter-spacing:2px;text-transform:uppercase;z-index:20}.machine-hud span:last-child{color:#d7a451}.machine-3d{position:absolute;inset:8% 2% 2%;transform-style:preserve-3d;transform:rotateY(-13deg) rotateX(5deg);transition:transform .18s ease-out;animation:machineHover 6s ease-in-out infinite;filter:drop-shadow(0 28px 30px rgba(0,0,0,.45))}.machine-glow{position:absolute;width:65%;height:58%;left:21%;top:17%;background:radial-gradient(circle,rgba(213,164,74,.22),transparent 68%);filter:blur(25px);transform:translateZ(-50px);animation:glowPulse 3s ease-in-out infinite}.machine-shadow{position:absolute;left:15%;bottom:8%;width:72%;height:11%;background:rgba(0,0,0,.6);border-radius:50%;filter:blur(18px);transform:rotateX(74deg) translateZ(-110px)}.machine-part{position:absolute;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.23,1,.32,1)}.machine-tower{left:30%;top:12%;width:25%;height:67%;background:linear-gradient(100deg,#11191b,#304043 47%,#12191b);border:1px solid rgba(201,211,199,.34);border-radius:10px 10px 5px 5px;box-shadow:inset 12px 0 18px rgba(255,255,255,.07),inset -15px 0 20px rgba(0,0,0,.6);transform:translateZ(20px)}.machine-tower:before{content:'';position:absolute;left:15%;right:15%;top:9%;height:68%;border-left:2px solid #d5a44a;border-right:2px solid rgba(213,164,74,.35);background:linear-gradient(90deg,transparent,rgba(213,164,74,.07),transparent)}.machine-tower:after{content:'AW / 80';position:absolute;bottom:7%;left:15%;right:15%;padding:7px 3px;border:1px solid rgba(213,164,74,.45);text-align:center;color:#d7a451;font:700 10px 'IBM Plex Sans Arabic',sans-serif;letter-spacing:2px}.machine-panel{left:8%;top:24%;width:22%;height:34%;background:linear-gradient(135deg,#1d2b2d,#52656a 50%,#162022);border:1px solid rgba(219,226,215,.35);border-radius:6px;transform:translateZ(70px) rotateY(-3deg);box-shadow:12px 17px 24px rgba(0,0,0,.32)}.machine-panel:after{content:'';position:absolute;inset:13%;border:1px solid rgba(213,164,74,.6);box-shadow:inset 0 0 14px rgba(213,164,74,.2)}.machine-wheel{width:25%;height:25%;border-radius:50%;border:10px solid #8d9694;background:radial-gradient(circle,#1c2425 0 13%,#d7a451 14% 17%,#253033 18% 44%,#101618 45% 100%);box-shadow:0 0 0 3px rgba(0,0,0,.65),inset 0 0 18px #000;transform:translateZ(85px);animation:wheelSpin 4s linear infinite}.machine-wheel:before,.machine-wheel:after{content:'';position:absolute;left:50%;top:50%;width:92%;height:5px;background:#b9c1bd;transform:translate(-50%,-50%) rotate(40deg);box-shadow:0 0 4px #000}.machine-wheel:after{transform:translate(-50%,-50%) rotate(-40deg)}.wheel-top{left:30%;top:0}.wheel-bottom{left:30%;top:50%}.machine-table{left:22%;top:68%;width:50%;height:7%;background:linear-gradient(180deg,#bbc0ba,#566262 53%,#1b2424);border:1px solid #d8ba78;transform:translateZ(104px) rotateX(-8deg);box-shadow:20px 12px 22px rgba(0,0,0,.4)}.machine-table:before{content:'';position:absolute;inset:27% 7%;background:repeating-linear-gradient(90deg,rgba(20,29,30,.65) 0 2px,transparent 2px 38px)}.machine-motor{left:65%;top:55%;width:20%;height:18%;border-radius:8px;background:linear-gradient(135deg,#d7a451,#8b5e22 40%,#252d2c 42%,#111819);border:1px solid rgba(255,229,161,.45);transform:translateZ(55px) rotateY(-10deg);box-shadow:14px 16px 20px rgba(0,0,0,.5)}.machine-motor:after{content:'';position:absolute;left:-18%;top:23%;width:26%;height:54%;border-radius:50%;border:4px dotted #bbc1ba;background:#222b2c}.machine-guide{left:43%;top:55%;width:4%;height:23%;background:linear-gradient(90deg,#b7beb8,#343f40,#d7a451);transform:translateZ(124px);box-shadow:0 0 10px rgba(213,164,74,.4)}.machine-rail{left:40%;top:53%;width:20%;height:3%;background:#d7a451;transform:translateZ(119px);box-shadow:0 0 14px rgba(213,164,74,.35)}.machine-belt{left:39%;top:31%;width:7%;height:31%;border:5px solid #222c2d;border-right-color:#d7a451;border-radius:50%;transform:translateZ(90px) rotateY(5deg);opacity:.9}.machine-bolt{width:8px;height:8px;border-radius:50%;background:#d7a451;box-shadow:0 0 10px #d7a451}.bolt-1{left:25%;top:18%;transform:translateZ(135px)}.bolt-2{left:68%;top:36%;transform:translateZ(135px)}.bolt-3{left:24%;top:78%;transform:translateZ(135px)}.machine-particle{width:4px;height:4px;border-radius:50%;background:#f1c875;box-shadow:0 0 12px #f1c875;animation:particleFloat 3s ease-in-out infinite}.particle-1{left:18%;top:35%;animation-delay:.4s}.particle-2{left:77%;top:26%;animation-delay:1.1s}.particle-3{left:73%;top:77%;animation-delay:1.8s}.particle-4{left:15%;top:71%;animation-delay:2.4s}.machine-toggle{position:absolute;bottom:2%;left:4%;z-index:30;pointer-events:auto;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(213,164,74,.6);background:rgba(12,18,19,.72);backdrop-filter:blur(12px);color:#e7d2a1;padding:10px 15px;cursor:pointer;font:600 10px 'IBM Plex Sans Arabic',sans-serif;letter-spacing:1px;transition:.25s}.machine-toggle:hover{background:#d7a451;color:#101414}.machine-toggle i{display:block;width:7px;height:7px;border-radius:50%;background:#d7a451;box-shadow:0 0 10px #d7a451}.machine-3d.is-exploded .machine-tower{transform:translate3d(0,-15px,20px)}.machine-3d.is-exploded .machine-panel{transform:translate3d(-32px,-28px,105px) rotateY(-13deg)}.machine-3d.is-exploded .wheel-top{transform:translate3d(28px,-35px,125px)}.machine-3d.is-exploded .wheel-bottom{transform:translate3d(22px,35px,125px)}.machine-3d.is-exploded .machine-table{transform:translate3d(30px,28px,150px) rotateX(-8deg)}.machine-3d.is-exploded .machine-motor{transform:translate3d(50px,20px,115px) rotateY(-12deg)}.machine-3d.is-exploded .machine-guide{transform:translate3d(-2px,20px,170px)}.machine-3d.is-exploded .machine-rail{transform:translate3d(0,18px,160px)}.machine-3d.is-exploded .machine-belt{transform:translate3d(-12px,-8px,140px) rotateY(5deg)}@keyframes machineHover{0%,100%{margin-top:0}50%{margin-top:-12px}}@keyframes wheelSpin{to{transform:translateZ(85px) rotate(360deg)}}@keyframes glowPulse{0%,100%{opacity:.45;transform:translateZ(-50px) scale(.9)}50%{opacity:.9;transform:translateZ(-50px) scale(1.12)}}@keyframes machineOrbit{to{transform:rotate(348deg) scaleY(.45)}}@keyframes particleFloat{0%,100%{opacity:0;transform:translate3d(0,12px,30px)}35%,65%{opacity:1}50%{transform:translate3d(12px,-20px,80px)}}
.hero .hero-content{max-width:43%;margin-right:53%;position:relative;z-index:6;text-align:right}.hero h1{font-size:clamp(3rem,5.8vw,5.7rem);text-shadow:0 15px 40px rgba(0,0,0,.4)}.hero .reveal{opacity:1!important;visibility:visible!important;transform:none!important}.hero .hero-bg img{opacity:.22;filter:brightness(.35) saturate(.7)}.hero .hero-overlay{background:linear-gradient(90deg,rgba(8,12,12,.13),rgba(8,12,12,.78) 58%,rgba(8,12,12,.95)),linear-gradient(180deg,rgba(10,10,10,.74),rgba(10,10,10,.34) 45%,rgba(10,10,10,.94))}.hero .hero-float{z-index:3}.hero .hero-stats{z-index:7}
@media(max-width:1024px){.hero-machine-wrap{left:-4%;width:50vw;opacity:.82}.hero .hero-content{max-width:48%;margin-right:49%;}.machine-hud{font-size:8px}}
@media(max-width:768px){.hero-machine-wrap{position:relative;left:auto;top:auto;width:100%;height:360px;margin:0 auto;order:2;opacity:.95}.hero .container{display:flex;flex-direction:column}.hero .hero-content{max-width:100%;margin-right:0;order:1}.hero .hero-bg img{opacity:.3}.machine-hud{top:2%;left:10%;right:10%}.machine-toggle{bottom:0;left:10%}.machine-3d{inset:10% 5% 4%;transform:scale(.9) rotateY(-12deg) rotateX(4deg)}.hero-machine-wrap:before{inset:13% 17% 8%}.hero .hero-content{text-align:center}.hero-eyebrow{justify-content:center}.hero-trust{justify-content:center}.hero-buttons{justify-content:center}}
@media(prefers-reduced-motion:reduce){.machine-3d,.machine-wheel,.hero-machine-wrap:before,.machine-glow,.machine-particle{animation:none}.machine-3d{transition:none}}

/* Final layout correction: reserve two independent columns */
.hero > .container{position:relative;z-index:6;display:flex;justify-content:flex-end;align-items:center;min-height:100vh}.hero .hero-content{width:43%;max-width:560px;margin:0!important;padding-top:70px;padding-bottom:120px;flex:none}.hero-machine-wrap{width:min(49vw,720px);left:0;right:auto}.hero .hero-stats{z-index:8}
@media(max-width:1024px){.hero .hero-content{width:47%;max-width:500px}.hero-machine-wrap{width:49vw}}
@media(max-width:768px){.hero > .container{display:flex;min-height:0}.hero .hero-content{width:100%;max-width:none;padding-top:110px;padding-bottom:25px}.hero-machine-wrap{width:100%;left:auto;right:auto}}

/* RTL-safe two-column alignment */
.hero > .container{direction:ltr}.hero .hero-content{direction:rtl;text-align:right}
@media(max-width:768px){.hero > .container{direction:rtl}.hero .hero-content{text-align:center}}

/* Keep homepage content visible when optional animation libraries load late */
.intro-section .reveal,.why-section .reveal,.products-section .reveal,.process-section .reveal,.stats-section .reveal,.testimonials-section .reveal{opacity:1!important;visibility:visible!important;transform:none!important}

/* Editorial hero polish */
.hero .hero-content{width:46%;max-width:590px;padding-top:40px;padding-bottom:150px}.hero h1{font-size:clamp(2.7rem,4.15vw,4.55rem);line-height:1.12;letter-spacing:-1.5px;margin:18px 0 24px;white-space:nowrap}.hero h1 .highlight{white-space:nowrap;margin-top:8px}.hero-description{max-width:430px;font-size:1rem;line-height:1.95;margin-right:0;margin-bottom:30px;color:rgba(255,255,255,.72)}.hero-buttons{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:nowrap}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{white-space:nowrap;padding:13px 22px;font-size:.78rem}.hero-trust{margin-top:28px;font-size:.78rem}.hero-eyebrow{margin-bottom:14px}.hero-badge{margin-bottom:18px}.machine-toggle{bottom:7%;left:5%;box-shadow:0 8px 25px rgba(0,0,0,.28)}
@media(max-width:1200px){.hero .hero-content{width:47%}.hero h1{font-size:clamp(2.45rem,4vw,4rem)}}
@media(max-width:768px){.hero .hero-content{width:100%;padding-top:90px;padding-bottom:25px}.hero h1{font-size:clamp(2.25rem,8vw,3.4rem);white-space:normal}.hero h1 .highlight{white-space:normal}.hero-buttons{flex-wrap:wrap;justify-content:center}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{flex:1;min-width:145px}.machine-toggle{bottom:0;left:10%}}

/* Prevent clipping at laptop and browser preview widths */
.hero h1,.hero h1 .highlight{white-space:normal}.hero h1 .highlight{display:block}.hero-buttons{flex-wrap:wrap}
@media(max-width:1200px) and (min-width:769px){.hero .hero-content{width:47%;padding-right:16px}.hero h1{font-size:clamp(2.35rem,4vw,4rem);line-height:1.16}.hero-description{max-width:370px}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{padding:12px 16px;font-size:.73rem}.hero-machine-wrap{left:-3%;width:49vw}}

@media(max-width:1024px) and (min-width:769px){.hero-machine-wrap{left:-6%;width:45vw;transform:scale(.9)}.hero .hero-content{width:51%;max-width:520px;padding-right:10px}.hero h1{font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.18;letter-spacing:0}.hero-description{font-size:.9rem;line-height:1.8;max-width:340px}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{padding:11px 13px;font-size:.68rem}.hero-trust{font-size:.68rem}}

/* Final headline lockup: two confident lines, never one word per line */
.hero .hero-content{width:49%;max-width:620px}.hero h1{font-size:clamp(2.8rem,3.65vw,4.1rem);white-space:nowrap}.hero h1 .highlight{white-space:nowrap}
@media(max-width:1200px) and (min-width:769px){.hero-machine-wrap{width:43vw;left:-5%}.hero .hero-content{width:54%;max-width:560px}.hero h1{font-size:clamp(1.85rem,3vw,2.8rem)}}
@media(max-width:768px){.hero .hero-content{width:100%}.hero h1{font-size:clamp(2.25rem,8vw,3.4rem);white-space:normal}.hero h1 .highlight{white-space:normal}}

@media(max-width:1024px) and (min-width:769px){.hero .hero-content{width:56%;max-width:590px}.hero h1{font-size:clamp(1.9rem,3vw,2.65rem);white-space:normal!important;line-height:1.22}.hero h1 .highlight{white-space:normal!important;display:block}.hero-description{max-width:390px}}

/* Premium composition v2: explicit right content column, no accidental flex shrinking */
.hero > .container{display:block;position:relative;min-height:100vh;direction:ltr}.hero .hero-content{position:absolute;right:0;top:50%;transform:translateY(-54%);width:min(48%,620px);max-width:none;margin:0!important;padding:0;direction:rtl;text-align:right;z-index:9}.hero h1{font-size:clamp(3rem,4.6vw,5.2rem);line-height:1.08;white-space:normal!important;letter-spacing:-1px;margin:20px 0 25px}.hero h1 .highlight{display:block;white-space:normal!important;margin-top:7px}.hero-description{max-width:500px;margin-right:0;margin-left:auto;font-size:1.03rem;line-height:1.95}.hero-buttons{justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:14px}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{padding:14px 28px;font-size:.82rem}.hero-trust{justify-content:flex-start;margin-top:30px}.hero-machine-wrap{left:0;width:min(52vw,760px)}.hero:after{content:'';position:absolute;z-index:2;right:4%;top:18%;width:28%;height:52%;border-right:1px solid rgba(213,164,74,.13);border-top:1px solid rgba(213,164,74,.08);border-radius:0 80px 0 0;pointer-events:none}.hero:before{content:'01  /  03';position:absolute;z-index:5;right:5%;bottom:17%;color:rgba(213,164,74,.38);font:600 10px 'IBM Plex Sans Arabic',sans-serif;letter-spacing:3px;pointer-events:none}
@media(max-width:1200px) and (min-width:769px){.hero .hero-content{width:50%;right:0}.hero h1{font-size:clamp(2.6rem,4.2vw,4.3rem)}.hero-description{max-width:410px}.hero-machine-wrap{width:50vw;left:-4%}}
@media(max-width:768px){.hero > .container{display:flex;min-height:0}.hero .hero-content{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:none;padding-top:85px;padding-bottom:20px}.hero h1{font-size:clamp(2.3rem,8vw,3.5rem)}.hero-description{max-width:430px}.hero-buttons{justify-content:center}.hero-trust{justify-content:center}.hero:after,.hero:before{display:none}.hero-machine-wrap{width:100%;left:auto}}

/* Root fix: the hero is a flex container, so its content wrapper must claim the full width. */
.hero > .container{width:100%;flex:1 1 100%;min-width:0}
@media(max-width:768px){.hero > .container{width:100%;flex:1 1 auto}}

/* Photorealistic machine layer + cinematic exploded-view motion */
.hero-machine-wrap{perspective:1400px;isolation:isolate}.machine-realistic{position:absolute;z-index:4;left:-5%;top:7%;width:112%;height:86%;object-fit:cover;object-position:58% 52%;border-radius:28px;filter:saturate(.92) contrast(1.08) brightness(.83);mix-blend-mode:screen;opacity:.95;transform:rotateY(9deg) rotateX(2deg) translateZ(0);transform-origin:center;box-shadow:0 28px 70px rgba(0,0,0,.3);animation:realMachineFloat 8s ease-in-out infinite}.machine-realistic:after{content:''}.hero-machine-wrap:before{content:'';position:absolute;z-index:5;inset:5% 0 6% 0;border:1px solid rgba(225,178,83,.18);border-radius:28px;pointer-events:none;box-shadow:inset 0 0 80px rgba(0,0,0,.55)}.machine-3d{z-index:3;opacity:.16;filter:blur(.2px) saturate(1.25);transform:translateZ(30px)}.machine-hud{z-index:8}.machine-toggle{z-index:12;background:rgba(12,17,16,.82);backdrop-filter:blur(10px)}
@keyframes realMachineFloat{0%,100%{transform:rotateY(9deg) rotateX(2deg) translate3d(0,0,0)}50%{transform:rotateY(4deg) rotateX(-1deg) translate3d(0,-10px,20px)}}
.hero-machine-wrap.is-exploded .machine-realistic{animation:realMachineExplode 1.25s cubic-bezier(.16,1,.3,1) forwards;filter:saturate(1.05) contrast(1.14) brightness(.95);box-shadow:0 35px 90px rgba(214,164,73,.18)}
@keyframes realMachineExplode{0%{transform:rotateY(9deg) scale(1)}55%{transform:rotateY(-8deg) rotateX(4deg) scale(1.12) translate3d(-12px,-7px,55px)}100%{transform:rotateY(-3deg) rotateX(1deg) scale(1.05) translate3d(0,-4px,25px)}}
@media(max-width:768px){.machine-realistic{left:-8%;width:116%;height:82%;top:9%;opacity:.86}.hero-machine-wrap:before{inset:8% 2% 7%}.machine-3d{opacity:.1}}
@media(prefers-reduced-motion:reduce){.machine-realistic{animation:none!important}.hero-machine-wrap.is-exploded .machine-realistic{animation:none!important}}

/* Requested rollback: restore the original CSS-built machine only. */
.machine-realistic{display:none!important}.hero-machine-wrap{perspective:1200px}.hero-machine-wrap:before{inset:12% 10% 9%;border:1px solid rgba(213,164,74,.2);border-radius:50%;transform:rotate(-12deg) scaleY(.45);box-shadow:0 0 80px rgba(213,164,74,.1);animation:machineOrbit 18s linear infinite}.machine-3d{z-index:3;opacity:1;filter:drop-shadow(0 28px 30px rgba(0,0,0,.45));transform:rotateY(-13deg) rotateX(5deg)}