@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101719;--slate:#1f2d30;--slate2:#314347;--clay:#b85f46;--clay2:#7e3c2d;--mint:#70c4ad;--ice:#eaf5f2;--paper:#f5f1eb;--white:#fff;--line:#d8d4cd;--shadow:0 24px 70px rgba(16,23,25,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}h1,h2,h3,.nav-links a{font-family:'Archivo Black',sans-serif;letter-spacing:-.025em}a{color:inherit}img{max-width:100%}
header{position:sticky;top:0;z-index:1000;background:rgba(16,23,25,.94);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);box-shadow:0 15px 45px rgba(0,0,0,.18)}
.navbar{max-width:1480px;margin:auto;min-height:102px;padding:12px 34px;display:flex;align-items:center;gap:26px;position:relative}.logo img{width:170px;max-height:64px;object-fit:contain;filter:brightness(0) invert(1)}.nav-links{display:flex;align-items:center;gap:6px;list-style:none;margin:0 0 0 auto;padding:0 0 31px;position:relative}.nav-links li{position:relative}.nav-links a{display:block;color:#f7f3ee;text-decoration:none;font-size:.9rem;padding:17px 14px;border-radius:12px;transition:color .25s,background .25s,transform .25s}.nav-links a:hover,.nav-links a.active{color:var(--mint);background:rgba(255,255,255,.07);transform:translateY(-2px)}
.forklift-nav{position:absolute;left:0;bottom:-3px;width:76px;height:48px;pointer-events:none;transition:transform .5s cubic-bezier(.2,.75,.18,1),width .35s;z-index:6}.forklift-nav .body{position:absolute;left:9px;bottom:8px;width:38px;height:21px;background:var(--clay);border-radius:6px 8px 3px 3px;box-shadow:inset -9px 0 var(--clay2)}.forklift-nav .cab{position:absolute;left:26px;bottom:26px;width:22px;height:17px;border:4px solid var(--clay);border-bottom:0;border-radius:5px 5px 0 0}.forklift-nav .wheel{position:absolute;bottom:0;width:13px;height:13px;background:#0b1011;border:3px solid #708084;border-radius:50%}.forklift-nav .w1{left:12px}.forklift-nav .w2{left:39px}.forklift-nav .mast{position:absolute;left:53px;bottom:8px;width:5px;height:33px;background:#94a4a7;border-radius:2px}.forklift-nav .forks{position:absolute;left:52px;bottom:8px;width:24px;height:4px;background:#94a4a7;box-shadow:0 -8px 0 #94a4a7;transform-origin:left bottom;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.forklift-nav.lift .forks{transform:translateY(-13px)}.forklift-nav:after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,transparent,var(--mint),transparent);border-radius:999px}.menu-toggle{display:none}
.home-section{min-height:80vh;position:relative;display:grid;align-items:center;background:linear-gradient(90deg,rgba(8,15,16,.94) 0 48%,rgba(8,15,16,.55)),url('background.jpg') center/cover;isolation:isolate;overflow:hidden}.home-section:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 40%,rgba(112,196,173,.16),transparent 30%),linear-gradient(transparent 94%,rgba(255,255,255,.06) 95%);background-size:auto,100% 40px;z-index:-1}.hero-content{max-width:1400px;width:100%;margin:auto;padding:90px 42% 90px 42px;color:#fff;position:relative;z-index:3}.hero-content h1{font-size:clamp(3.4rem,7.4vw,8rem);line-height:.86;margin:18px 0 28px;max-width:900px}.hero-content h1 span{color:var(--mint)}.hero-content p{max-width:680px;font-size:1.08rem;line-height:1.75;color:#e2e8e6}.eyebrow{display:inline-flex;background:var(--clay);color:white;padding:9px 14px;border-radius:999px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.eyebrow.dark{background:var(--slate)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 34px;align-items:stretch}.button,button{appearance:none;background:var(--clay);color:white;border:0;padding:15px 22px;border-radius:12px;font:800 .92rem Manrope,sans-serif;text-decoration:none;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;align-items:center;justify-content:center;min-height:52px;line-height:1.15}.button:hover,button:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(126,60,45,.3);background:var(--clay2)}.button-secondary{background:rgba(255,255,255,.96);color:var(--ink)}.button-secondary:hover{background:var(--mint);color:var(--ink)}.hero-stats{display:flex;gap:12px;flex-wrap:wrap}.hero-stats>div{background:rgba(10,18,19,.72);border:1px solid rgba(255,255,255,.15);padding:15px 18px;min-width:170px;border-radius:14px;backdrop-filter:blur(10px)}.hero-stats strong,.hero-stats small{display:block}.hero-stats small{color:#b9c8c5;margin-top:4px}
.construction-scene{position:absolute;right:1.5%;bottom:0;width:42%;height:82%;pointer-events:none;z-index:2;border:2px solid rgba(112,196,173,.5);border-bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(8,15,16,.32));overflow:hidden}.dock{position:absolute;right:4%;top:12%;width:42%;height:52%;border-top:8px solid var(--clay);border-right:8px solid var(--clay);opacity:.9}.crane-v2{position:absolute;right:10%;top:5%;width:8px;height:62%;background:var(--slate2)}.crane-v2:before{content:'';position:absolute;right:0;top:0;width:230px;height:8px;background:var(--slate2)}.ground-line{position:absolute;left:0;right:0;bottom:10%;height:2px;background:rgba(255,255,255,.22)}
.scene-truck{position:absolute;left:100%;bottom:11%;width:150px;height:62px;animation:truckCycle 12s ease-in-out infinite}.scene-truck .cargo{position:absolute;left:12px;top:4px;width:82px;height:38px;background:var(--slate2);border-radius:5px 0 0 5px}.scene-truck .cab{position:absolute;left:92px;top:16px;width:48px;height:30px;background:var(--clay);border-radius:4px 12px 4px 4px}.scene-truck .window{position:absolute;left:102px;top:20px;width:21px;height:12px;background:#bfe2dc;border-radius:3px}.scene-truck .wheel{position:absolute;bottom:0;width:22px;height:22px;background:#101719;border:5px solid #718185;border-radius:50%}.scene-truck .wa{left:24px}.scene-truck .wb{left:108px}.scene-truck .bed{position:absolute;left:7px;bottom:15px;width:116px;height:7px;background:#819194}.truck-pallet{position:absolute;left:26px;bottom:22px;width:57px;height:30px;opacity:0;animation:palletLoad 12s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--clay) 0 7px,var(--clay2) 7px 9px);border-radius:3px}.truck-pallet:after{content:'';position:absolute;left:-4px;right:-4px;bottom:-5px;height:5px;background:#9a7657}
.scene-forklift{position:absolute;left:-130px;bottom:10.5%;width:104px;height:70px;animation:forkliftCycle 12s ease-in-out infinite}.scene-forklift .fb{position:absolute;left:12px;bottom:12px;width:53px;height:31px;background:var(--mint);border-radius:7px 8px 3px 3px}.scene-forklift .fc{position:absolute;left:36px;bottom:40px;width:30px;height:24px;border:6px solid var(--mint);border-bottom:0;border-radius:6px 6px 0 0}.scene-forklift .fw{position:absolute;bottom:2px;width:20px;height:20px;border-radius:50%;background:#11191b;border:5px solid #687b7e}.scene-forklift .fwa{left:17px}.scene-forklift .fwb{left:55px}.scene-forklift .fm{position:absolute;left:72px;bottom:11px;width:7px;height:50px;background:#829396}.scene-forklift .ff{position:absolute;left:74px;bottom:12px;width:29px;height:6px;background:#829396;box-shadow:0 -10px 0 #829396;animation:forkLiftArms 12s ease-in-out infinite}.fork-pallet{position:absolute;left:77px;bottom:20px;width:47px;height:26px;background:repeating-linear-gradient(0deg,var(--clay) 0 6px,var(--clay2) 6px 8px);border-radius:3px;animation:forkPallet 12s ease-in-out infinite}.fork-pallet:after{content:'';position:absolute;left:-3px;right:-3px;bottom:-5px;height:5px;background:#9a7657}
@keyframes truckCycle{0%,8%{transform:translateX(0)}18%,70%{transform:translateX(-280px)}82%,100%{transform:translateX(-920px)}}@keyframes forkliftCycle{0%,16%{transform:translateX(0)}28%,45%{transform:translateX(330px)}56%,70%{transform:translateX(330px)}82%,100%{transform:translateX(0)}}@keyframes forkLiftArms{0%,28%{transform:translateY(0)}38%,58%{transform:translateY(-24px)}68%,100%{transform:translateY(0)}}@keyframes forkPallet{0%,28%{opacity:1;transform:translateY(0)}38%,48%{opacity:1;transform:translateY(-24px)}55%{opacity:0;transform:translateY(-24px)}100%{opacity:0}}@keyframes palletLoad{0%,49%{opacity:0}55%,100%{opacity:1}}
.intro-section,.feature-strip,.products-section,main,section:not(.home-section){max-width:1360px;margin:auto}.intro-section{padding:88px 34px;display:flex;justify-content:space-between;gap:44px;align-items:end}.intro-section h2,.products-section h2,.page-hero h1{font-size:clamp(2.7rem,5vw,5.6rem);margin:13px 0;line-height:.95}.intro-section p{max-width:760px;line-height:1.8}.text-link{font-weight:800;color:var(--clay);text-decoration:none}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 34px 88px}.feature-strip article{background:var(--slate);color:#fff;padding:34px;border-radius:18px;position:relative;overflow:hidden;transition:.35s;box-shadow:var(--shadow)}.feature-strip article:hover{transform:translateY(-10px);background:var(--slate2)}.feature-strip article>span{color:var(--mint);font-weight:800}.feature-strip article:after{content:'';position:absolute;right:-35px;bottom:-40px;width:120px;height:120px;border:20px solid rgba(112,196,173,.08);border-radius:50%}
.products-section{padding:82px 32px}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:28px}.product{background:var(--white);border:1px solid rgba(16,23,25,.08);border-radius:22px;padding:0;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:.4s;display:flex;flex-direction:column}.product:nth-child(3n+2){transform:translateY(24px)}.product:hover{transform:translateY(-12px) rotate(.2deg)!important;box-shadow:0 34px 80px rgba(16,23,25,.2)}.product:before{content:'ΔΟΜΙΚΟ ΥΛΙΚΟ';position:absolute;top:14px;left:14px;z-index:2;background:var(--slate);color:white;border-radius:999px;padding:7px 10px;font-size:.62rem;font-weight:800;letter-spacing:.1em}.product a{display:block;background:linear-gradient(145deg,#edf3f1,#dddcd7);position:relative}.product a:after{content:'';position:absolute;inset:auto 12px 12px;height:5px;background:repeating-linear-gradient(90deg,var(--clay) 0 30px,var(--clay2) 30px 38px);border-radius:999px;opacity:.85}.product img{width:100%;height:260px;object-fit:contain;padding:28px;transition:transform .45s}.product:hover img{transform:scale(1.08) rotate(-2deg)}.product h3{font-size:2rem;margin:22px 20px 8px}.quote-note{color:#66706f;margin:0 20px 18px;line-height:1.6}.quantity-container{display:grid;grid-template-columns:78px 1fr;gap:10px;padding:0 20px 22px;margin-top:auto}.quantity-container input,input,select,textarea{border:1px solid #cad3d1;border-radius:12px;padding:13px;font:inherit;background:#fbfcfc;max-width:100%;outline:none;transition:border .2s,box-shadow .2s}.quantity-container input:focus,input:focus,select:focus,textarea:focus{border-color:var(--mint);box-shadow:0 0 0 4px rgba(112,196,173,.18)}.quantity-container button{padding:12px 14px}.quote-note{font-size:.92rem}
.page-hero,.auto-page-hero{max-width:none!important;padding:88px max(32px,calc((100vw - 1300px)/2));background:linear-gradient(110deg,var(--slate),var(--slate2));color:white;position:relative;overflow:hidden}.page-hero:after,.auto-page-hero:after{content:'';position:absolute;right:8%;top:-80px;width:330px;height:330px;border:50px solid rgba(112,196,173,.1);border-radius:50%}.proposal-section{padding:70px 30px}.project-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.project-btn{background:white;color:var(--ink);border:1px solid rgba(16,23,25,.1);border-radius:18px;min-height:120px;display:flex;flex-direction:column;gap:10px;font-size:2rem;box-shadow:0 12px 35px rgba(16,23,25,.08)}.project-btn span{font-size:.9rem}.project-btn.active,.project-btn:hover{background:var(--slate);color:white;transform:translateY(-6px);box-shadow:0 22px 50px rgba(16,23,25,.2)}.proposal-result{margin-top:28px;background:white;border-radius:24px;padding:34px;display:grid;grid-template-columns:1.3fr 1fr;gap:34px;box-shadow:var(--shadow)}.recommendation-list{display:grid;gap:10px}.recommendation-list a{display:flex;justify-content:space-between;gap:16px;text-decoration:none;padding:15px 17px;border:1px solid #d9e0de;border-radius:12px;transition:.25s}.recommendation-list a:hover{background:var(--ice);transform:translateX(6px)}.proposal-cta{margin:20px auto 70px!important;padding:40px;background:var(--ice);border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.other-project-form{display:grid;gap:12px;margin-top:18px}.other-project-form textarea{min-height:130px;resize:vertical}.other-project-form .button{justify-self:start}
.reveal{opacity:0;transform:translateY(28px);transition:.75s}.reveal.visible{opacity:1;transform:none}footer{background:#0f1719;color:#fff;border-top:1px solid rgba(112,196,173,.35);margin-top:76px;padding:48px 30px 20px}footer a{color:var(--mint)}.footer-content,.footer-bottom{max-width:1320px;margin:auto}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:18px;color:#9fb0ad}
@media(max-width:1000px){.navbar{min-height:80px}.menu-toggle{display:block;margin-left:auto;background:var(--clay);font-size:22px}.nav-links{position:absolute;top:80px;left:0;right:0;background:#101719;display:none;flex-direction:column;align-items:stretch;padding:16px}.nav-links.open{display:flex}.nav-links a{padding:14px}.forklift-nav{display:none}.hero-content{padding:90px 32px 420px}.construction-scene{width:94%;height:360px;right:3%}.feature-strip{grid-template-columns:1fr}.intro-section{display:block}.logo img{width:140px}.proposal-result{grid-template-columns:1fr}.proposal-cta{margin-inline:22px!important}.product:nth-child(3n+2){transform:none}}
@media(max-width:620px){.hero-content h1{font-size:3.2rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-stats>div{flex:1 1 100%}.construction-scene{height:320px}.product-grid{grid-template-columns:1fr}.quantity-container{grid-template-columns:1fr}.quantity-container input{width:100%}.project-buttons{grid-template-columns:repeat(2,1fr)}.proposal-result{padding:22px}.proposal-cta{display:block}.navbar{padding-inline:18px}}
/* Refined loading choreography on home: truck arrives, forklift loads, truck departs */
.home-section .scene-truck{left:auto;right:-190px;animation:truckLoadSequence 14s cubic-bezier(.55,.08,.25,1) infinite}
.home-section .scene-forklift{left:-140px;animation:forkliftLoadSequence 14s cubic-bezier(.55,.08,.25,1) infinite}
.home-section .scene-forklift .ff{animation:forkArmsSequence 14s ease-in-out infinite}
.home-section .fork-pallet{animation:forkPalletSequence 14s ease-in-out infinite}
.home-section .truck-pallet{animation:truckPalletSequence 14s ease-in-out infinite}
@keyframes truckLoadSequence{0%,10%{transform:translateX(0)}22%,70%{transform:translateX(-245px)}82%,100%{transform:translateX(460px)}}
@keyframes forkliftLoadSequence{0%,20%{transform:translateX(0)}34%,62%{transform:translateX(330px)}72%,100%{transform:translateX(0)}}
@keyframes forkArmsSequence{0%,33%{transform:translateY(0)}42%,57%{transform:translateY(-24px)}65%,100%{transform:translateY(0)}}
@keyframes forkPalletSequence{0%,33%{opacity:1;transform:translateY(0)}42%,53%{opacity:1;transform:translateY(-24px)}58%,100%{opacity:0;transform:translateY(-24px)}}
@keyframes truckPalletSequence{0%,54%{opacity:0}60%,100%{opacity:1}}

/* v4 — precise loading choreography: vehicles meet at the truck bed */
.home-section .scene-truck{
  left:110%; right:auto;
  animation:truckLoadSequenceV4 14s cubic-bezier(.55,.08,.25,1) infinite;
}
.home-section .scene-forklift{
  left:-132px;
  animation:forkliftLoadSequenceV4 14s cubic-bezier(.55,.08,.25,1) infinite;
}
.home-section .scene-forklift .ff{animation:forkArmsSequenceV4 14s ease-in-out infinite}
.home-section .fork-pallet{animation:forkPalletSequenceV4 14s ease-in-out infinite}
.home-section .truck-pallet{animation:truckPalletSequenceV4 14s ease-in-out infinite}

@keyframes truckLoadSequenceV4{
  0%,8%{left:110%}
  20%,72%{left:58%}
  88%,100%{left:-48%}
}
@keyframes forkliftLoadSequenceV4{
  0%,19%{left:-132px}
  35%,62%{left:calc(58% - 112px)}
  76%,100%{left:-132px}
}
@keyframes forkArmsSequenceV4{
  0%,34%{transform:translateY(0)}
  43%,57%{transform:translateY(-24px)}
  65%,100%{transform:translateY(0)}
}
@keyframes forkPalletSequenceV4{
  0%,34%{opacity:1;transform:translateY(0)}
  43%,53%{opacity:1;transform:translateY(-24px)}
  57%,100%{opacity:0;transform:translateY(-24px)}
}
@keyframes truckPalletSequenceV4{
  0%,53%{opacity:0}
  58%,100%{opacity:1}
}

/* Certificate collection */
.certificate-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.certificate-tab{border:1px solid #cbd6d3;background:#fff;color:var(--ink);padding:12px 18px;border-radius:999px;font-weight:800;cursor:pointer;transition:.25s}
.certificate-tab:hover,.certificate-tab.active{background:var(--slate);color:#fff;border-color:var(--slate);transform:translateY(-2px)}
.certificate-panel{display:none}.certificate-panel.active{display:block;animation:certificateIn .45s ease both}
@keyframes certificateIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.certificate-cover{width:100%;max-height:620px;object-fit:contain;background:#f2ede6;border-radius:20px;padding:20px;border:1px solid rgba(16,23,25,.08)}
.certificate-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.certificate-gallery button{padding:0;border:0;background:#ece8e1;border-radius:18px;overflow:hidden;cursor:zoom-in;box-shadow:0 14px 38px rgba(16,23,25,.1);transition:.3s}
.certificate-gallery button:hover{transform:translateY(-7px);box-shadow:0 24px 54px rgba(16,23,25,.17)}
.certificate-gallery img{display:block;width:100%;height:360px;object-fit:contain;padding:12px}
.cert-lightbox{position:fixed;inset:0;z-index:3000;background:rgba(7,12,13,.92);display:none;align-items:center;justify-content:center;padding:34px}
.cert-lightbox.open{display:flex}.cert-lightbox img{max-width:min(1100px,92vw);max-height:88vh;object-fit:contain;background:#fff;border-radius:14px}
.cert-lightbox button{position:absolute;top:22px;right:24px;width:48px;height:48px;border-radius:50%;font-size:28px;padding:0;background:#fff;color:#111}
@media(max-width:780px){.certificate-gallery{grid-template-columns:1fr}.certificate-gallery img{height:auto;max-height:520px}}

/* v5 — seamless forklift hand-off */
.home-section .scene-forklift{animation-name:forkliftLoadSequenceV5}
.home-section .scene-forklift .ff{animation-name:forkArmsSequenceV5}
.home-section .fork-pallet{animation-name:forkPalletSequenceV5}
.home-section .truck-pallet{animation-name:truckPalletSequenceV5}
@keyframes forkliftLoadSequenceV5{
  0%,18%{left:-132px}
  38%,64%{left:calc(58% - 51px)}
  78%,100%{left:-132px}
}
@keyframes forkArmsSequenceV5{
  0%,25%{transform:translateY(0)}
  38%{transform:translateY(-8px)}
  48%,57%{transform:translateY(-24px)}
  66%,100%{transform:translateY(0)}
}
@keyframes forkPalletSequenceV5{
  0%,27%{opacity:1;transform:translateY(0)}
  39%{opacity:1;transform:translateY(-8px)}
  49%,56%{opacity:1;transform:translateY(-24px)}
  60%{opacity:0;transform:translateY(-24px)}
  61%,100%{opacity:0;transform:translateY(-24px)}
}
@keyframes truckPalletSequenceV5{
  0%,54%{opacity:0}
  56%{opacity:.45}
  59%,100%{opacity:1}
}

/* Opening construction transition */
body.site-loading{overflow:hidden}.brick-site-loader{position:fixed;inset:0;z-index:99999;background:linear-gradient(180deg,#162225 0 67%,#d9d2c7 67%);overflow:hidden;transition:opacity .8s ease,visibility .8s ease}.brick-site-loader.finish{opacity:0;visibility:hidden}.loader-sky{position:absolute;top:9%;left:50%;transform:translateX(-50%);color:#fff;text-align:center;display:grid;gap:7px;letter-spacing:.12em}.loader-sky span{font-family:'Archivo Black',sans-serif;font-size:clamp(1.3rem,3vw,2.4rem)}.loader-sky small{text-transform:uppercase;color:#aac3bd;font-weight:800}.loader-ground{position:absolute;left:0;right:0;bottom:20%;height:4px;background:#776d62;box-shadow:0 10px 0 rgba(0,0,0,.12)}.brick-wall{position:absolute;left:50%;bottom:calc(20% + 4px);width:320px;height:188px;transform:translateX(-50%)}.loader-brick{--bw:58px;--bh:38px;position:absolute;width:var(--bw);height:var(--bh);left:calc(var(--col) * 64px);bottom:calc(var(--row) * 43px);border-radius:4px;background:linear-gradient(145deg,#bd654f,#8f4334);border:2px solid rgba(85,36,27,.38);box-shadow:inset 0 4px 0 rgba(255,255,255,.12),0 5px 9px rgba(0,0,0,.17);transform:translateY(-110vh) rotate(7deg);animation:brickDrop .58s cubic-bezier(.2,.85,.25,1.15) forwards;animation-delay:var(--delay)}.loader-brick:after,.lf-brick:after{content:'';position:absolute;inset:8px 9px;border-top:5px solid rgba(82,37,29,.33);border-bottom:5px solid rgba(82,37,29,.25)}@keyframes brickDrop{75%{transform:translateY(8px) rotate(-2deg)}100%{transform:none}}
.loader-forklift{position:absolute;left:-180px;bottom:calc(20% + 2px);width:138px;height:90px;animation:loaderForkMove 4.1s cubic-bezier(.55,.08,.25,1) forwards}.lf-body{position:absolute;left:10px;bottom:16px;width:72px;height:40px;border-radius:8px;background:#487b73}.lf-cab{position:absolute;left:42px;bottom:52px;width:38px;height:30px;border:7px solid #487b73;border-bottom:0;border-radius:6px}.lf-wheel{position:absolute;bottom:3px;width:26px;height:26px;border-radius:50%;background:#172124;border:6px solid #73817f}.lf-w1{left:17px}.lf-w2{left:65px}.lf-mast{position:absolute;left:96px;bottom:16px;width:8px;height:64px;background:#80908e}.lf-forks{position:absolute;left:98px;bottom:18px;width:38px;height:7px;background:#80908e;box-shadow:0 -12px 0 #80908e;animation:loaderForkLift 4.1s ease forwards}.lf-brick{position:absolute;left:103px;bottom:30px;width:58px;height:38px;border-radius:4px;background:linear-gradient(145deg,#bd654f,#8f4334);border:2px solid rgba(85,36,27,.38);animation:loaderLastBrick 4.1s ease forwards}@keyframes loaderForkMove{0%,38%{left:-180px}68%,86%{left:calc(50% + 100px)}100%{left:calc(50% + 360px)}}@keyframes loaderForkLift{0%,52%{transform:translateY(0)}70%,88%{transform:translateY(-121px)}100%{transform:translateY(-121px)}}@keyframes loaderLastBrick{0%,52%{transform:translateY(0);opacity:1}70%,84%{transform:translateY(-121px);opacity:1}88%,100%{transform:translateY(-121px);opacity:0}}.brick-wall:after{content:'';position:absolute;width:58px;height:38px;left:256px;bottom:129px;border-radius:4px;background:linear-gradient(145deg,#bd654f,#8f4334);border:2px solid rgba(85,36,27,.38);box-shadow:inset 0 4px 0 rgba(255,255,255,.12),0 5px 9px rgba(0,0,0,.17);opacity:0;animation:lastBrickSet 4.1s ease forwards}.brick-wall:before{content:'';position:absolute;width:40px;height:22px;left:265px;bottom:137px;border-top:5px solid rgba(82,37,29,.33);border-bottom:5px solid rgba(82,37,29,.25);z-index:2;opacity:0;animation:lastBrickSet 4.1s ease forwards}@keyframes lastBrickSet{0%,83%{opacity:0}87%,100%{opacity:1}}@media(max-width:620px){.brick-wall{transform:translateX(-50%) scale(.72);transform-origin:bottom center}.loader-forklift{transform:scale(.72);transform-origin:bottom left}@keyframes loaderForkMove{0%,38%{left:-150px}68%,86%{left:calc(50% + 65px)}100%{left:calc(50% + 240px)}}}

/* ===== V6 precision animation fixes ===== */
.home-section .scene-truck{
  right:-200px!important;
  left:auto!important;
  width:180px!important;
  height:68px!important;
  animation:truckLoadSequenceV6 14s cubic-bezier(.55,.08,.25,1) infinite!important;
}
.home-section .scene-truck .cargo{left:8px!important;top:9px!important;width:105px!important;height:34px!important;background:#34494d!important;border-radius:4px 2px 0 0!important}
.home-section .scene-truck .cab{left:114px!important;top:18px!important;width:55px!important;height:31px!important}
.home-section .scene-truck .window{left:123px!important;top:22px!important}
.home-section .scene-truck .bed{left:4px!important;width:148px!important;bottom:16px!important}
.home-section .scene-truck .wa{left:24px!important}.home-section .scene-truck .wb{left:132px!important}
.home-section .truck-pallet{left:28px!important;bottom:25px!important;width:70px!important;height:31px!important;animation:truckPalletSequenceV6 14s ease-in-out infinite!important}
.home-section .scene-forklift{
  left:-150px!important;
  width:112px!important;
  animation:forkliftLoadSequenceV6 14s cubic-bezier(.55,.08,.25,1) infinite!important;
}
.home-section .scene-forklift .ff{animation:forkArmsSequenceV6 14s ease-in-out infinite!important}
.home-section .fork-pallet{animation:forkPalletSequenceV6 14s ease-in-out infinite!important}
@keyframes truckLoadSequenceV6{
  0%,8%{transform:translateX(0)}
  18%,72%{transform:translateX(-222px)}
  84%,100%{transform:translateX(-980px)}
}
@keyframes forkliftLoadSequenceV6{
  0%,18%{left:-150px}
  38%,61%{left:calc(100% - 322px)}
  76%,100%{left:-150px}
}
@keyframes forkArmsSequenceV6{
  0%,29%{transform:translateY(0)}
  38%{transform:translateY(-8px)}
  47%,56%{transform:translateY(-28px)}
  63%,100%{transform:translateY(0)}
}
@keyframes forkPalletSequenceV6{
  0%,29%{opacity:1;transform:translateY(0)}
  38%{opacity:1;transform:translateY(-8px)}
  47%,55%{opacity:1;transform:translateY(-28px)}
  58%{opacity:0;transform:translateY(-28px)}
  100%{opacity:0;transform:translateY(-28px)}
}
@keyframes truckPalletSequenceV6{
  0%,55%{opacity:0}
  58%,100%{opacity:1}
}

/* Loader: exact 5 x 4 wall, forklift aligns with the missing top-right brick */
.brick-wall{width:314px!important;height:168px!important;left:50%!important;transform:translateX(-50%)!important}
.loader-brick{--bw:58px!important;--bh:38px!important;left:calc(var(--col) * 64px)!important;bottom:calc(var(--row) * 43px)!important}
.loader-forklift{animation:loaderForkMoveV6 4.2s cubic-bezier(.55,.08,.25,1) forwards!important}
.lf-forks{animation:loaderForkLiftV6 4.2s ease forwards!important}
.lf-brick{animation:loaderLastBrickV6 4.2s ease forwards!important}
.brick-wall:after,.brick-wall:before{animation:lastBrickSetV6 4.2s ease forwards!important}
@keyframes loaderForkMoveV6{
  0%,34%{left:-180px}
  64%,86%{left:calc(50% - 12px)}
  100%{left:calc(50% + 350px)}
}
@keyframes loaderForkLiftV6{
  0%,45%{transform:translateY(0)}
  64%,86%{transform:translateY(-121px)}
  100%{transform:translateY(-121px)}
}
@keyframes loaderLastBrickV6{
  0%,45%{transform:translateY(0);opacity:1}
  64%,82%{transform:translateY(-121px);opacity:1}
  86%,100%{transform:translateY(-121px);opacity:0}
}
@keyframes lastBrickSetV6{0%,82%{opacity:0}86%,100%{opacity:1}}
@media(max-width:620px){
  @keyframes loaderForkMoveV6{0%,34%{left:-150px}64%,86%{left:calc(50% - 8px)}100%{left:calc(50% + 240px)}}
}


/* ===== V7 loader + truck loading corrections ===== */
/* Opening wall: missing brick is top-left and the forklift comes from the left */
.brick-wall:after{left:0!important;bottom:129px!important}
.brick-wall:before{left:9px!important;bottom:137px!important}
.loader-forklift{animation:loaderForkMoveV7 4.2s cubic-bezier(.55,.08,.25,1) forwards!important}
.lf-forks{animation:loaderForkLiftV7 4.2s ease forwards!important}
.lf-brick{animation:loaderLastBrickV7 4.2s ease forwards!important}
.brick-wall:after,.brick-wall:before{animation:lastBrickSetV7 4.2s ease forwards!important}
@keyframes loaderForkMoveV7{0%,32%{left:-180px}62%,84%{left:calc(50% - 260px)}100%{left:-180px}}
@keyframes loaderForkLiftV7{0%,45%{transform:translateY(0)}63%,84%{transform:translateY(-121px)}100%{transform:translateY(-121px)}}
@keyframes loaderLastBrickV7{0%,45%{transform:translateY(0);opacity:1}63%,80%{transform:translateY(-121px);opacity:1}84%,100%{transform:translateY(-121px);opacity:0}}
@keyframes lastBrickSetV7{0%,80%{opacity:0}84%,100%{opacity:1}}
/* Visible loading scene: both vehicles remain clearly separated and the forklift is always visible */
.home-section .construction-scene{overflow:visible!important}
.home-section .scene-truck{right:-190px!important;animation:truckLoadSequenceV7 14s ease-in-out infinite!important}
.home-section .scene-forklift{display:block!important;opacity:1!important;left:-125px!important;z-index:8!important;animation:forkliftLoadSequenceV7 14s ease-in-out infinite!important}
.home-section .scene-forklift .ff{animation:forkArmsSequenceV7 14s ease-in-out infinite!important}
.home-section .fork-pallet{animation:forkPalletSequenceV7 14s ease-in-out infinite!important}
.home-section .truck-pallet{animation:truckPalletSequenceV7 14s ease-in-out infinite!important}
@keyframes truckLoadSequenceV7{0%,10%{transform:translateX(0)}20%,72%{transform:translateX(-230px)}84%,100%{transform:translateX(-980px)}}
@keyframes forkliftLoadSequenceV7{0%,18%{transform:translateX(0)}38%,62%{transform:translateX(calc(100% + 32px))}76%,100%{transform:translateX(0)}}
@keyframes forkArmsSequenceV7{0%,28%{transform:translateY(0)}38%{transform:translateY(-6px)}48%,58%{transform:translateY(-24px)}66%,100%{transform:translateY(0)}}
@keyframes forkPalletSequenceV7{0%,28%{opacity:1;transform:translateY(0)}38%{opacity:1;transform:translateY(-6px)}48%,56%{opacity:1;transform:translateY(-24px)}60%,100%{opacity:0;transform:translateY(-24px)}}
@keyframes truckPalletSequenceV7{0%,56%{opacity:0}60%,100%{opacity:1}}
/* Unit selector */
.purchase-row{display:grid;grid-template-columns:110px 110px 1fr;gap:10px;align-items:stretch;margin-top:18px}
.purchase-row select,.purchase-row input{width:100%;min-width:0;margin:0}
.purchase-row .button{min-height:48px}
.unit-note{font-size:.78rem;color:#6c7775;margin-top:8px;min-height:1.2em}
@media(max-width:700px){.purchase-row{grid-template-columns:1fr}.loader-forklift{transform:scale(.72);transform-origin:bottom left}@keyframes loaderForkMoveV7{0%,32%{left:-150px}62%,84%{left:calc(50% - 188px)}100%{left:-150px}}}

/* ===== V11: πραγματικό διπλό cycle φόρτωσης / εκφόρτωσης ===== */
.hero-content h1{line-height:.82!important}
.hero-line{display:block;position:relative;padding-top:.06em}
.hero-line-white{color:#fff}
.hero-line-accent{color:var(--mint)!important;margin-top:.17em}

.home-section .construction-scene{
  position:absolute!important;right:2.5%!important;top:0!important;bottom:0!important;width:44%!important;
  overflow:hidden!important;z-index:2!important;pointer-events:none!important;
}
.construction-scene .yard-label{
  position:absolute;top:4.5%;right:5%;z-index:6;padding:9px 14px;border:1px solid rgba(112,196,173,.45);
  background:rgba(12,24,25,.72);color:#e9f7f3;font:800 .72rem/1 Manrope,sans-serif;letter-spacing:.16em;
  border-radius:999px;backdrop-filter:blur(8px)
}
.construction-scene .ground-line{position:absolute;left:0;right:0;bottom:7%;height:3px;background:#6d817f;box-shadow:0 8px 0 rgba(255,255,255,.06)}
.construction-scene .cycle{position:absolute;inset:0;opacity:0}
.construction-scene .cycle-load{animation:cycleLoadVisibility 20s linear infinite}
.construction-scene .cycle-unload{animation:cycleUnloadVisibility 20s linear infinite}

.construction-scene .vehicle{position:absolute;bottom:calc(7% + 4px);will-change:transform,opacity}
.construction-scene .truck{width:184px;height:78px}
.truck-bed{position:absolute;left:0;bottom:22px;width:112px;height:37px;background:#34494d;border-radius:5px 2px 0 0;border-top:6px solid #26373a}
.truck-cab{position:absolute;right:0;bottom:22px;width:66px;height:43px;background:#b85f46;border-radius:12px 13px 4px 4px}
.truck-window{position:absolute;right:35px;bottom:48px;width:24px;height:14px;background:#c7ece5;border-radius:5px 5px 2px 2px}
.truck-wheel{position:absolute;bottom:5px;width:25px;height:25px;border-radius:50%;background:#172124;border:6px solid #71817e}
.truck .tw1{left:25px}.truck .tw2{right:25px}

.construction-scene .forklift{width:142px;height:92px}
.fork-body{position:absolute;left:8px;bottom:18px;width:75px;height:42px;background:#62b9a3;border-radius:9px 12px 5px 5px}
.fork-cab{position:absolute;left:43px;bottom:57px;width:39px;height:28px;border:7px solid #62b9a3;border-bottom:0;border-radius:6px 6px 0 0}
.fork-wheel{position:absolute;bottom:4px;width:27px;height:27px;border-radius:50%;background:#172124;border:6px solid #71817e}
.forklift .fw1{left:15px}.forklift .fw2{left:65px}
.fork-mast{position:absolute;left:99px;bottom:18px;width:8px;height:66px;background:#71817e;border-radius:2px}
.fork-arms{position:absolute;left:100px;bottom:19px;width:40px;height:7px;background:#71817e;box-shadow:0 -12px 0 #71817e;transform-origin:left bottom}

.construction-scene .pallet{position:absolute;width:63px;height:34px;border-radius:4px;background:repeating-linear-gradient(to bottom,#b85f46 0 8px,#8b4434 8px 11px);border:2px solid #73382c;box-shadow:0 5px 0 #6f513e}
.forklift .pallet-on-forks{left:104px;bottom:31px}
.truck .pallet-on-truck{left:25px;bottom:60px;opacity:0}

/* 0–10s: φόρτωση. Φορτηγό από δεξιά, κλαρκ από αριστερά. */
.cycle-load .truck-load{right:-210px;animation:truckLoadV11 20s ease-in-out infinite}
.cycle-load .forklift-load{left:-170px;animation:forkLoadV11 20s ease-in-out infinite}
.cycle-load .forklift-load .fork-arms{animation:forkArmsLoadV11 20s ease-in-out infinite}
.cycle-load .forklift-load .pallet-on-forks{animation:palletForkLoadV11 20s ease-in-out infinite}
.cycle-load .truck-load .pallet-on-truck{animation:palletTruckLoadV11 20s ease-in-out infinite}

/* 10–20s: εκφόρτωση. Φορτωμένο φορτηγό από δεξιά, κλαρκ από δεξιά. */
.cycle-unload .truck-unload{right:-210px;animation:truckUnloadV11 20s ease-in-out infinite}
.cycle-unload .forklift-unload{right:-170px;transform:scaleX(-1);animation:forkUnloadV11 20s ease-in-out infinite}
.cycle-unload .forklift-unload .fork-arms{animation:forkArmsUnloadV11 20s ease-in-out infinite}
.cycle-unload .forklift-unload .pallet-on-forks{opacity:0;animation:palletForkUnloadV11 20s ease-in-out infinite}
.cycle-unload .truck-unload .pallet-on-truck{opacity:1;animation:palletTruckUnloadV11 20s ease-in-out infinite}

@keyframes cycleLoadVisibility{0%,49.5%{opacity:1}50%,100%{opacity:0}}
@keyframes cycleUnloadVisibility{0%,49.5%{opacity:0}50%,99.5%{opacity:1}100%{opacity:0}}

@keyframes truckLoadV11{
  0%,3%{transform:translateX(0)}
  10%,34%{transform:translateX(-245px)}
  42%,49.5%{transform:translateX(560px)}
  50%,100%{transform:translateX(560px)}
}
@keyframes forkLoadV11{
  0%,7%{transform:translateX(0)}
  18%,33%{transform:translateX(calc(100vw * .305))}
  40%,49.5%{transform:translateX(-40px)}
  50%,100%{transform:translateX(-40px)}
}
@keyframes forkArmsLoadV11{
  0%,18%{transform:translateY(0)}
  24%,30%{transform:translateY(-29px)}
  34%,100%{transform:translateY(0)}
}
@keyframes palletForkLoadV11{
  0%,18%{opacity:1;transform:translateY(0)}
  24%,29%{opacity:1;transform:translateY(-29px)}
  30.5%,100%{opacity:0;transform:translateY(-29px)}
}
@keyframes palletTruckLoadV11{
  0%,29.8%{opacity:0}
  30.5%,49.5%{opacity:1}
  50%,100%{opacity:0}
}

@keyframes truckUnloadV11{
  0%,50%{transform:translateX(0)}
  58%,84%{transform:translateX(-245px)}
  92%,100%{transform:translateX(560px)}
}
@keyframes forkUnloadV11{
  0%,58%{transform:scaleX(-1) translateX(0)}
  66%,81%{transform:scaleX(-1) translateX(245px)}
  89%,100%{transform:scaleX(-1) translateX(600px)}
}
@keyframes forkArmsUnloadV11{
  0%,64%{transform:translateY(-29px)}
  70%,76%{transform:translateY(-29px)}
  81%,100%{transform:translateY(0)}
}
@keyframes palletTruckUnloadV11{
  0%,68%{opacity:1}
  69%,100%{opacity:0}
}
@keyframes palletForkUnloadV11{
  0%,68%{opacity:0;transform:translateY(-29px)}
  69%,76%{opacity:1;transform:translateY(-29px)}
  81%,100%{opacity:1;transform:translateY(0)}
}

@media(max-width:900px){
  .home-section .construction-scene{display:none!important}
  .hero-content{padding-right:28px!important}
}

/* ===== V12 definitive choreography fix =====
   Keep the existing palette. Only geometry, timing and headline spacing change. */
.home-section .hero-content h1{
  display:grid!important;
  row-gap:clamp(12px,1.15vw,22px)!important;
  line-height:.82!important;
}
.home-section .hero-line{
  display:block!important;
  margin:0!important;
  padding:.04em 0 .06em!important;
}
.home-section .hero-line-accent{margin:0!important}

.home-section .construction-scene .cycle-load{
  opacity:1;
  animation:cycleLoadVisibilityV12 18s linear infinite!important;
}
.home-section .construction-scene .cycle-unload{
  opacity:0;
  animation:cycleUnloadVisibilityV12 18s linear infinite!important;
}

/* Loading: truck comes from the right; forklift from the left.
   At the meeting point, the fork pallet and truck pallet have the exact same x position. */
.home-section .cycle-load .truck-load{
  left:auto!important;
  right:auto!important;
  animation:truckLoadV12 18s cubic-bezier(.55,.08,.25,1) infinite!important;
}
.home-section .cycle-load .forklift-load{
  left:auto!important;
  right:auto!important;
  transform:none!important;
  animation:forkLoadV12 18s cubic-bezier(.55,.08,.25,1) infinite!important;
}
.home-section .cycle-load .forklift-load .fork-arms{
  animation:forkArmsLoadV12 18s ease-in-out infinite!important;
}
.home-section .cycle-load .forklift-load .pallet-on-forks{
  animation:palletForkLoadV12 18s ease-in-out infinite!important;
}
.home-section .cycle-load .truck-load .pallet-on-truck{
  animation:palletTruckLoadV12 18s ease-in-out infinite!important;
}

/* Unloading: the loaded truck is mirrored so its cargo bed faces the forklift.
   Both arrive from the right; the forklift then leaves to the left and the truck to the right. */
.home-section .cycle-unload .truck-unload{
  left:auto!important;
  right:auto!important;
  transform:scaleX(-1);
  animation:truckUnloadV12 18s cubic-bezier(.55,.08,.25,1) infinite!important;
}
.home-section .cycle-unload .forklift-unload{
  left:auto!important;
  right:auto!important;
  transform:scaleX(-1);
  animation:forkUnloadV12 18s cubic-bezier(.55,.08,.25,1) infinite!important;
}
.home-section .cycle-unload .forklift-unload .fork-arms{
  animation:forkArmsUnloadV12 18s ease-in-out infinite!important;
}
.home-section .cycle-unload .forklift-unload .pallet-on-forks{
  animation:palletForkUnloadV12 18s ease-in-out infinite!important;
}
.home-section .cycle-unload .truck-unload .pallet-on-truck{
  animation:palletTruckUnloadV12 18s ease-in-out infinite!important;
}

@keyframes cycleLoadVisibilityV12{
  0%,49.8%{opacity:1}
  50%,100%{opacity:0}
}
@keyframes cycleUnloadVisibilityV12{
  0%,49.8%{opacity:0}
  50%,99.8%{opacity:1}
  100%{opacity:0}
}

/* x meeting geometry:
   truck x = 58% of scene
   forklift x = truck x - 79px
   because forklift pallet starts at +104px and truck pallet at +25px. */
@keyframes truckLoadV12{
  0%,4%{left:105%}
  12%,36%{left:58%}
  42%,49.8%{left:112%}
  50%,100%{left:112%}
}
@keyframes forkLoadV12{
  0%,8%{left:-24%}
  20%,35%{left:calc(58% - 79px)}
  42%,49.8%{left:-24%}
  50%,100%{left:-24%}
}
@keyframes forkArmsLoadV12{
  0%,19%{transform:translateY(0)}
  24%,31%{transform:translateY(-29px)}
  36%,100%{transform:translateY(0)}
}
@keyframes palletForkLoadV12{
  0%,19%{opacity:1;transform:translateY(0)}
  24%,30.5%{opacity:1;transform:translateY(-29px)}
  31%,100%{opacity:0;transform:translateY(-29px)}
}
@keyframes palletTruckLoadV12{
  0%,30.5%{opacity:0}
  31%,49.8%{opacity:1}
  50%,100%{opacity:0}
}

/* mirrored unloading geometry:
   truck x = 18% of scene; its mirrored pallet appears at x + 96px.
   mirrored forklift pallet appears at forklift x - 25px, therefore forklift x = truck x + 121px. */
@keyframes truckUnloadV12{
  0%,50%{left:108%;transform:scaleX(-1)}
  58%,84%{left:18%;transform:scaleX(-1)}
  92%,100%{left:112%;transform:scaleX(-1)}
}
@keyframes forkUnloadV12{
  0%,59%{left:112%;transform:scaleX(-1)}
  68%,81%{left:calc(18% + 121px);transform:scaleX(-1)}
  90%,100%{left:-24%;transform:scaleX(-1)}
}
@keyframes forkArmsUnloadV12{
  0%,67%{transform:translateY(-29px)}
  73%,78%{transform:translateY(-29px)}
  83%,100%{transform:translateY(0)}
}
@keyframes palletTruckUnloadV12{
  0%,70.5%{opacity:1}
  71%,100%{opacity:0}
}
@keyframes palletForkUnloadV12{
  0%,70.5%{opacity:0;transform:translateY(-29px)}
  71%,78%{opacity:1;transform:translateY(-29px)}
  83%,100%{opacity:1;transform:translateY(0)}
}

/* ===== V13 FINAL: exact continuous load / unload choreography =====
   Truck always enters from the right. Forklift always enters from the left.
   The vehicles stop with an 8px safety gap; only the forks/pallet enter the bed. */
.home-section .hero-content h1{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:clamp(18px,2vw,34px)!important;
  line-height:.9!important;
  overflow:visible!important;
}
.home-section .hero-content .hero-line{
  display:block!important;
  margin:0!important;
  padding:.08em 0 .12em!important;
  line-height:1!important;
  overflow:visible!important;
}
.home-section .hero-content .hero-line-white{transform:translateX(0)!important}
.home-section .hero-content .hero-line-accent{transform:translateX(clamp(28px,4vw,72px))!important}

.home-section .construction-scene .cycle-load{
  opacity:1!important;
  animation:cycleLoadVisibilityV13 20s steps(1,end) infinite!important;
}
.home-section .construction-scene .cycle-unload{
  opacity:0!important;
  animation:cycleUnloadVisibilityV13 20s steps(1,end) infinite!important;
}

/* Common orientation: cab on the right, bed on the left, forklift faces right. */
.home-section .construction-scene .truck-load,
.home-section .construction-scene .truck-unload,
.home-section .construction-scene .forklift-load,
.home-section .construction-scene .forklift-unload{
  right:auto!important;
  transform:none!important;
}

.home-section .construction-scene .truck-load{
  left:110%!important;
  animation:truckLoadV13 20s cubic-bezier(.55,.08,.25,1) infinite!important;
}
.home-section .construction-scene .forklift-load{
  left:-28%!important;
  animation:forkLoadV13 20s cubic-bezier(.55,.08,.25,1) infinite!important;
}
.home-section .construction-scene .forklift-load .fork-arms{animation:forkArmsLoadV13 20s ease-in-out infinite!important}
.home-section .construction-scene .forklift-load .pallet-on-forks{animation:palletForkLoadV13 20s ease-in-out infinite!important}
.home-section .construction-scene .truck-load .pallet-on-truck{animation:palletTruckLoadV13 20s ease-in-out infinite!important}

.home-section .construction-scene .truck-unload{
  left:110%!important;
  animation:truckUnloadV13 20s cubic-bezier(.55,.08,.25,1) infinite!important;
}
.home-section .construction-scene .forklift-unload{
  left:-28%!important;
  animation:forkUnloadV13 20s cubic-bezier(.55,.08,.25,1) infinite!important;
}
.home-section .construction-scene .forklift-unload .fork-arms{animation:forkArmsUnloadV13 20s ease-in-out infinite!important}
.home-section .construction-scene .forklift-unload .pallet-on-forks{animation:palletForkUnloadV13 20s ease-in-out infinite!important}
.home-section .construction-scene .truck-unload .pallet-on-truck{animation:palletTruckUnloadV13 20s ease-in-out infinite!important}

@keyframes cycleLoadVisibilityV13{
  0%,49.99%{opacity:1}
  50%,100%{opacity:0}
}
@keyframes cycleUnloadVisibilityV13{
  0%,49.99%{opacity:0}
  50%,99.99%{opacity:1}
  100%{opacity:0}
}

/* LOAD 0–10 s
   Meeting positions: truck left 62%; forklift left calc(62% - 150px).
   142px forklift width + 8px safety gap = 150px. */
@keyframes truckLoadV13{
  0%,3%{left:110%}
  12%,37%{left:62%}
  46%,49.99%{left:112%}
  50%,100%{left:112%}
}
@keyframes forkLoadV13{
  0%,7%{left:-28%}
  19%,36%{left:calc(62% - 150px)}
  45%,49.99%{left:-28%}
  50%,100%{left:-28%}
}
@keyframes forkArmsLoadV13{
  0%,18%{transform:translateY(0)}
  25%,33%{transform:translateY(-29px)}
  38%,100%{transform:translateY(0)}
}
/* Pallet rises, slides 61px into the bed, then remains there via truck pallet. */
@keyframes palletForkLoadV13{
  0%,18%{opacity:1;transform:translate(0,0)}
  25%{opacity:1;transform:translate(0,-29px)}
  31%,33%{opacity:1;transform:translate(61px,-29px)}
  33.2%,100%{opacity:0;transform:translate(61px,-29px)}
}
@keyframes palletTruckLoadV13{
  0%,32.9%{opacity:0}
  33.2%,49.99%{opacity:1}
  50%,100%{opacity:0}
}

/* UNLOAD 10–20 s
   Loaded truck reverses from right to left into the same stop.
   Forklift comes from the left, receives the pallet, and returns left. */
@keyframes truckUnloadV13{
  0%,50%{left:112%}
  59%,86%{left:62%}
  95%,100%{left:112%}
}
@keyframes forkUnloadV13{
  0%,57%{left:-28%}
  68%,84%{left:calc(62% - 150px)}
  93%,100%{left:-28%}
}
@keyframes forkArmsUnloadV13{
  0%,67%{transform:translateY(-29px)}
  74%,82%{transform:translateY(-29px)}
  88%,100%{transform:translateY(0)}
}
/* Truck pallet slides 61px left onto the fork position, then lowers with forklift. */
@keyframes palletTruckUnloadV13{
  0%,72%{opacity:1;transform:translateX(0)}
  78%,80%{opacity:1;transform:translateX(-61px)}
  80.2%,100%{opacity:0;transform:translateX(-61px)}
}
@keyframes palletForkUnloadV13{
  0%,79.9%{opacity:0;transform:translate(61px,-29px)}
  80.2%,82%{opacity:1;transform:translate(61px,-29px)}
  88%,100%{opacity:1;transform:translate(0,0)}
}

@media(max-width:1200px) and (min-width:901px){
  .home-section .construction-scene{width:47%!important;right:1%!important}
}

/* ===== V14 visibility + spacing hotfix ===== */
.home-section .hero-content{
  max-width:none!important;
  width:58%!important;
  margin:0!important;
  padding:clamp(70px,8vh,110px) 24px clamp(70px,8vh,110px) clamp(28px,4vw,72px)!important;
  overflow:visible!important;
}
.home-section .hero-content h1{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:clamp(14px,1.4vw,24px)!important;
  width:max-content!important;
  max-width:none!important;
  font-size:clamp(2.8rem,4.35vw,5.7rem)!important;
  line-height:.98!important;
  overflow:visible!important;
  margin:18px 0 30px!important;
}
.home-section .hero-content .hero-line{
  display:block!important;
  width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  padding:.04em .03em .12em!important;
  margin:0!important;
}
.home-section .hero-content .hero-line-white{transform:translateX(0)!important}
.home-section .hero-content .hero-line-accent{transform:translateX(clamp(20px,3vw,54px))!important}

.home-section .construction-scene{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:40%!important;
  height:78%!important;
  right:2%!important;
  bottom:0!important;
  overflow:hidden!important;
}
.home-section .construction-scene .cycle{display:block!important;visibility:visible!important}
.home-section .construction-scene .vehicle{display:block!important;visibility:visible!important;opacity:1!important}

/* 20 second continuous loop: load 0-10s, unload 10-20s */
.home-section .cycle-load{animation:v14LoadVisible 20s steps(1,end) infinite!important}
.home-section .cycle-unload{animation:v14UnloadVisible 20s steps(1,end) infinite!important}
.home-section .cycle-load .truck-load{
  left:110%!important;right:auto!important;transform:none!important;
  animation:v14TruckLoad 20s ease-in-out infinite!important;
}
.home-section .cycle-load .forklift-load{
  left:-30%!important;right:auto!important;transform:none!important;
  animation:v14ForkLoad 20s ease-in-out infinite!important;
}
.home-section .cycle-unload .truck-unload{
  left:110%!important;right:auto!important;transform:none!important;
  animation:v14TruckUnload 20s ease-in-out infinite!important;
}
.home-section .cycle-unload .forklift-unload{
  left:-30%!important;right:auto!important;transform:none!important;
  animation:v14ForkUnload 20s ease-in-out infinite!important;
}
.home-section .cycle-load .forklift-load .fork-arms{animation:v14ForkArmsLoad 20s ease-in-out infinite!important}
.home-section .cycle-load .forklift-load .pallet-on-forks{animation:v14PalletForkLoad 20s ease-in-out infinite!important}
.home-section .cycle-load .truck-load .pallet-on-truck{animation:v14PalletTruckLoad 20s ease-in-out infinite!important}
.home-section .cycle-unload .forklift-unload .fork-arms{animation:v14ForkArmsUnload 20s ease-in-out infinite!important}
.home-section .cycle-unload .forklift-unload .pallet-on-forks{animation:v14PalletForkUnload 20s ease-in-out infinite!important}
.home-section .cycle-unload .truck-unload .pallet-on-truck{animation:v14PalletTruckUnload 20s ease-in-out infinite!important}

@keyframes v14LoadVisible{0%,49.9%{opacity:1}50%,100%{opacity:0}}
@keyframes v14UnloadVisible{0%,49.9%{opacity:0}50%,99.9%{opacity:1}100%{opacity:0}}
/* Stop geometry: truck left 61%; forklift left calc(61% - 144px).
   Forklift body remains 2px from truck bed; forks extend into the bed. */
@keyframes v14TruckLoad{0%,3%{left:110%}12%,36%{left:61%}45%,49.9%{left:112%}50%,100%{left:112%}}
@keyframes v14ForkLoad{0%,7%{left:-30%}19%,35%{left:calc(61% - 144px)}44%,49.9%{left:-30%}50%,100%{left:-30%}}
@keyframes v14ForkArmsLoad{0%,18%{transform:translateY(0)}24%,32%{transform:translateY(-29px)}37%,100%{transform:translateY(0)}}
@keyframes v14PalletForkLoad{0%,18%{opacity:1;transform:translate(0,0)}24%{opacity:1;transform:translate(0,-29px)}29%,32%{opacity:1;transform:translate(54px,-29px)}32.2%,100%{opacity:0;transform:translate(54px,-29px)}}
@keyframes v14PalletTruckLoad{0%,31.9%{opacity:0}32.2%,49.9%{opacity:1}50%,100%{opacity:0}}

/* Reverse-in unload: truck backs from right to the same stop. Forklift enters from left. */
@keyframes v14TruckUnload{0%,50%{left:112%}59%,85%{left:61%}94%,100%{left:112%}}
@keyframes v14ForkUnload{0%,57%{left:-30%}68%,83%{left:calc(61% - 144px)}92%,100%{left:-30%}}
@keyframes v14ForkArmsUnload{0%,67%{transform:translateY(-29px)}73%,81%{transform:translateY(-29px)}87%,100%{transform:translateY(0)}}
@keyframes v14PalletTruckUnload{0%,73%{opacity:1;transform:translateX(0)}78%,80%{opacity:1;transform:translateX(-54px)}80.2%,100%{opacity:0;transform:translateX(-54px)}}
@keyframes v14PalletForkUnload{0%,79.9%{opacity:0;transform:translate(54px,-29px)}80.2%,82%{opacity:1;transform:translate(54px,-29px)}87%,100%{opacity:1;transform:translate(0,0)}}

@media(max-width:1100px){
  .home-section .hero-content{width:62%!important}
  .home-section .construction-scene{width:36%!important;right:1%!important}
  .home-section .hero-content h1{font-size:clamp(2.5rem,4.4vw,4.6rem)!important}
}
@media(max-width:900px){
  .home-section .construction-scene{display:none!important}
  .home-section .hero-content{width:100%!important;padding:72px 24px!important}
  .home-section .hero-content h1{width:100%!important;font-size:clamp(2.6rem,10vw,4.8rem)!important}
  .home-section .hero-content .hero-line{width:auto!important;white-space:normal!important}
  .home-section .hero-content .hero-line-accent{transform:translateX(18px)!important}
}

/* ===== V15 responsive hero + always-visible logistics scene ===== */
.home-section{
  min-height:clamp(780px,92vh,980px)!important;
}
.home-section .hero-content{
  width:min(64%,980px)!important;
  padding-left:clamp(28px,5vw,86px)!important;
  padding-right:clamp(26px,3vw,50px)!important;
}
.home-section .hero-content h1{
  width:100%!important;
  max-width:980px!important;
  font-size:clamp(3rem,5.3vw,6.9rem)!important;
  gap:clamp(20px,2vw,36px)!important;
}
.home-section .hero-content .hero-line{
  max-width:100%!important;
  white-space:normal!important;
}
.home-section .hero-content .hero-line-accent{
  transform:translateX(clamp(18px,3vw,58px))!important;
}

.home-section .construction-scene{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  top:8%!important;
  right:1.5%!important;
  bottom:auto!important;
  width:42%!important;
  height:78%!important;
  min-height:520px!important;
  overflow:hidden!important;
  z-index:4!important;
}
.home-section .construction-scene .cycle,
.home-section .construction-scene .vehicle{
  display:block!important;
  visibility:visible!important;
}
.home-section .construction-scene .ground-line{bottom:8%!important}
.home-section .construction-scene .vehicle{bottom:calc(8% + 4px)!important}

/* One reliable 24 second loop. 0-12 sec load, 12-24 sec unload. */
.home-section .cycle-load{animation:v15LoadLayer 24s steps(1,end) infinite!important}
.home-section .cycle-unload{animation:v15UnloadLayer 24s steps(1,end) infinite!important}

.home-section .cycle-load .truck-load,
.home-section .cycle-unload .truck-unload{
  left:60%!important;
  right:auto!important;
  opacity:1!important;
  transform:none!important;
}
.home-section .cycle-load .forklift-load,
.home-section .cycle-unload .forklift-unload{
  left:calc(60% - 148px)!important;
  right:auto!important;
  opacity:1!important;
  transform:none!important;
}

.home-section .cycle-load .truck-load{animation:v15TruckLoad 24s ease-in-out infinite!important}
.home-section .cycle-load .forklift-load{animation:v15ForkLoad 24s ease-in-out infinite!important}
.home-section .cycle-unload .truck-unload{animation:v15TruckUnload 24s ease-in-out infinite!important}
.home-section .cycle-unload .forklift-unload{animation:v15ForkUnload 24s ease-in-out infinite!important}

.home-section .cycle-load .forklift-load .fork-arms{animation:v15ArmsLoad 24s ease-in-out infinite!important}
.home-section .cycle-load .forklift-load .pallet-on-forks{animation:v15ForkPalletLoad 24s ease-in-out infinite!important}
.home-section .cycle-load .truck-load .pallet-on-truck{animation:v15TruckPalletLoad 24s ease-in-out infinite!important}
.home-section .cycle-unload .forklift-unload .fork-arms{animation:v15ArmsUnload 24s ease-in-out infinite!important}
.home-section .cycle-unload .forklift-unload .pallet-on-forks{animation:v15ForkPalletUnload 24s ease-in-out infinite!important}
.home-section .cycle-unload .truck-unload .pallet-on-truck{animation:v15TruckPalletUnload 24s ease-in-out infinite!important}

@keyframes v15LoadLayer{0%,49.9%{opacity:1}50%,100%{opacity:0}}
@keyframes v15UnloadLayer{0%,49.9%{opacity:0}50%,99.9%{opacity:1}100%{opacity:0}}

/* Truck enters from right to meeting point, then exits right. */
@keyframes v15TruckLoad{
  0%,4%{transform:translateX(150vw)}
  13%,38%{transform:translateX(0)}
  47%,49.9%{transform:translateX(150vw)}
  50%,100%{transform:translateX(150vw)}
}
/* Forklift enters from left, stays 6px before truck body, then returns left. */
@keyframes v15ForkLoad{
  0%,8%{transform:translateX(-150vw)}
  20%,37%{transform:translateX(0)}
  46%,49.9%{transform:translateX(-150vw)}
  50%,100%{transform:translateX(-150vw)}
}
@keyframes v15ArmsLoad{0%,19%{transform:translateY(0)}25%,33%{transform:translateY(-29px)}38%,100%{transform:translateY(0)}}
@keyframes v15ForkPalletLoad{0%,19%{opacity:1;transform:translate(0,0)}25%{opacity:1;transform:translate(0,-29px)}30%,33%{opacity:1;transform:translate(52px,-29px)}33.3%,100%{opacity:0;transform:translate(52px,-29px)}}
@keyframes v15TruckPalletLoad{0%,33%{opacity:0}33.3%,49.9%{opacity:1}50%,100%{opacity:0}}

/* Loaded truck reverses in from right; forklift comes from left and unloads. */
@keyframes v15TruckUnload{
  0%,50%{transform:translateX(150vw)}
  59%,86%{transform:translateX(0)}
  95%,100%{transform:translateX(150vw)}
}
@keyframes v15ForkUnload{
  0%,57%{transform:translateX(-150vw)}
  69%,84%{transform:translateX(0)}
  93%,100%{transform:translateX(-150vw)}
}
@keyframes v15ArmsUnload{0%,68%{transform:translateY(-29px)}74%,82%{transform:translateY(-29px)}88%,100%{transform:translateY(0)}}
@keyframes v15TruckPalletUnload{0%,74%{opacity:1;transform:translateX(0)}79%,81%{opacity:1;transform:translateX(-52px)}81.2%,100%{opacity:0;transform:translateX(-52px)}}
@keyframes v15ForkPalletUnload{0%,80.9%{opacity:0;transform:translate(52px,-29px)}81.2%,83%{opacity:1;transform:translate(52px,-29px)}88%,100%{opacity:1;transform:translate(0,0)}}

@media(max-width:1100px){
  .home-section{min-height:920px!important;align-items:start!important}
  .home-section .hero-content{
    width:100%!important;
    max-width:none!important;
    padding:72px 26px 470px!important;
  }
  .home-section .hero-content h1{
    max-width:850px!important;
    font-size:clamp(3rem,8.5vw,5.9rem)!important;
  }
  .home-section .construction-scene{
    display:block!important;
    top:auto!important;
    bottom:26px!important;
    left:3%!important;
    right:3%!important;
    width:94%!important;
    height:410px!important;
    min-height:0!important;
  }
}

@media(max-width:640px){
  .home-section{min-height:970px!important}
  .home-section .hero-content{
    padding:54px 18px 430px!important;
  }
  .home-section .hero-content h1{
    font-size:clamp(2.45rem,12vw,4.15rem)!important;
    gap:18px!important;
    line-height:1!important;
  }
  .home-section .hero-content .hero-line-accent{
    transform:translateX(10px)!important;
  }
  .home-section .construction-scene{
    bottom:18px!important;
    height:360px!important;
  }
  .construction-scene .yard-label{
    top:12px!important;
    right:12px!important;
    font-size:.62rem!important;
  }
  .construction-scene .truck{transform:scale(.82);transform-origin:bottom left}
  .construction-scene .forklift{transform:scale(.82);transform-origin:bottom left}
  .home-section .cycle-load .truck-load,
  .home-section .cycle-unload .truck-unload{left:57%!important}
  .home-section .cycle-load .forklift-load,
  .home-section .cycle-unload .forklift-unload{left:calc(57% - 122px)!important}
}

/* ===== V16: isolated responsive logistics animation ===== */
.home-section{min-height:clamp(900px,98vh,1080px)!important;overflow:hidden!important}
.home-section .hero-content{
  width:68%!important;max-width:1120px!important;
  padding-left:clamp(28px,5vw,92px)!important;
  padding-right:clamp(22px,3vw,48px)!important;
  padding-top:clamp(80px,8vh,120px)!important;
  padding-bottom:clamp(100px,12vh,150px)!important;
}
.home-section .hero-content h1{
  width:100%!important;max-width:1080px!important;
  font-size:clamp(3.2rem,5.5vw,7.2rem)!important;
  line-height:.9!important;gap:clamp(25px,3vw,48px)!important;
  overflow:visible!important;
}
.home-section .hero-content .hero-line{display:block!important;width:100%!important;max-width:none!important;white-space:normal!important;overflow:visible!important}
.home-section .hero-content .hero-line-accent{transform:translateX(clamp(18px,3vw,60px))!important}
.home-section>.construction-scene{display:none!important}
.logistics-v16{
  position:absolute;right:1.2%;top:6%;width:31%;height:84%;min-height:600px;
  border:2px solid rgba(112,196,173,.52);border-bottom:0;overflow:hidden;z-index:5;
  background:linear-gradient(180deg,rgba(128,174,181,.16),rgba(8,15,16,.2));pointer-events:none;
}
.v16-label{position:absolute;top:18px;left:20px;z-index:5;padding:8px 12px;border-radius:999px;background:rgba(8,15,16,.72);color:#fff;font:800 .7rem Manrope,sans-serif;letter-spacing:.12em}
.v16-crane{position:absolute;right:9%;top:5%;width:8px;height:52%;background:#5f7478}.v16-crane:before{content:"";position:absolute;right:0;top:0;width:min(240px,65%);height:8px;background:#5f7478}.v16-crane i{position:absolute;top:0;right:42%;width:3px;height:48%;background:#b86a50}.v16-crane b{position:absolute;top:46%;right:calc(42% - 8px);width:18px;height:10px;border:3px solid #b86a50;border-top:0}
.v16-road{position:absolute;left:0;right:0;bottom:9%;height:3px;background:rgba(255,255,255,.42);box-shadow:0 8px 0 rgba(255,255,255,.12)}
.v16-truck,.v16-forklift{position:absolute;bottom:calc(9% + 5px);will-change:transform}
.v16-truck{width:178px;height:88px}.v16-bed{position:absolute;left:0;bottom:27px;width:119px;height:47px;background:#536a70;border-radius:5px 3px 3px 5px}.v16-cab{position:absolute;right:0;bottom:25px;width:65px;height:43px;background:#b9664d;border-radius:12px 13px 4px 4px}.v16-window{position:absolute;right:35px;bottom:49px;width:24px;height:14px;background:#c7ece5;border-radius:4px}.v16-wheel{position:absolute;bottom:5px;width:26px;height:26px;border-radius:50%;background:#172124;border:6px solid #71817e}.v16-tw1{left:24px}.v16-tw2{right:23px}
.v16-forklift{width:142px;height:94px}.v16-fork-body{position:absolute;left:7px;bottom:18px;width:75px;height:43px;background:#62b9a3;border-radius:9px 12px 5px 5px}.v16-fork-cab{position:absolute;left:43px;bottom:58px;width:39px;height:29px;border:7px solid #62b9a3;border-bottom:0;border-radius:6px 6px 0 0}.v16-fw1{left:14px}.v16-fw2{left:65px}.v16-mast{position:absolute;left:99px;bottom:18px;width:8px;height:67px;background:#71817e}.v16-forks{position:absolute;left:100px;bottom:19px;width:42px;height:7px;background:#71817e;box-shadow:0 -12px 0 #71817e;will-change:transform}.v16-fork-pallet,.v16-truck-pallet{position:absolute;width:53px;height:31px;background:repeating-linear-gradient(0deg,#b85f46 0 7px,#8f4434 7px 9px);border-radius:3px;will-change:transform,opacity}.v16-fork-pallet{left:104px;bottom:31px}.v16-truck-pallet{left:25px;bottom:61px;opacity:0}.v16-fork-pallet:after,.v16-truck-pallet:after{content:"";position:absolute;left:-3px;right:-3px;bottom:-5px;height:5px;background:#9a7657}
@media(max-width:1100px){
 .home-section{min-height:1180px!important;align-items:start!important}
 .home-section .hero-content{width:100%!important;max-width:none!important;padding:72px 28px 520px!important}
 .home-section .hero-content h1{font-size:clamp(3.2rem,8.6vw,6.3rem)!important;max-width:1000px!important}
 .logistics-v16{top:auto;bottom:28px;left:3%;right:3%;width:94%;height:455px;min-height:0}
}
@media(max-width:640px){
 .home-section{min-height:1100px!important}
 .home-section .hero-content{padding:54px 18px 440px!important}
 .home-section .hero-content h1{font-size:clamp(2.65rem,13vw,4.8rem)!important;line-height:.96!important;gap:24px!important}
 .home-section .hero-content .hero-line-accent{transform:translateX(8px)!important}
 .logistics-v16{height:370px;bottom:20px}
 .v16-label{top:10px;left:10px;font-size:.57rem}
 .v16-truck{transform:scale(.72);transform-origin:left bottom}
 .v16-forklift{transform:scale(.72);transform-origin:left bottom}
}

/* v17 — single-cargo logistics animation. One pallet only, so loading and unloading are visually unambiguous. */
.logistics-v17{--vehicle-scale:1;position:absolute;right:0;top:0;width:36%;height:100%;min-height:520px;overflow:hidden;border-left:1px solid rgba(104,202,181,.55);background:linear-gradient(180deg,rgba(91,133,142,.20),rgba(8,15,16,.14));z-index:3}
.v17-label{position:absolute;top:18px;left:20px;z-index:5;padding:8px 12px;border-radius:999px;background:rgba(8,15,16,.72);color:#fff;font:800 .7rem Manrope,sans-serif;letter-spacing:.12em}
.v17-crane{position:absolute;right:9%;top:5%;width:8px;height:52%;background:#5f7478}.v17-crane:before{content:"";position:absolute;right:0;top:0;width:min(240px,65%);height:8px;background:#5f7478}.v17-crane i{position:absolute;top:0;right:42%;width:3px;height:48%;background:#b86a50}.v17-crane b{position:absolute;top:46%;right:calc(42% - 8px);width:18px;height:10px;border:3px solid #b86a50;border-top:0}
.v17-road{position:absolute;left:0;right:0;bottom:9%;height:3px;background:rgba(255,255,255,.42);box-shadow:0 8px 0 rgba(255,255,255,.12)}
.v17-truck,.v17-forklift{position:absolute;left:0;bottom:calc(9% + 5px);will-change:transform;scale:var(--vehicle-scale);transform-origin:left bottom}
.v17-truck{width:178px;height:88px}.v17-bed{position:absolute;left:0;bottom:27px;width:119px;height:47px;background:#536a70;border-radius:5px 3px 3px 5px}.v17-cab{position:absolute;right:0;bottom:25px;width:65px;height:43px;background:#b9664d;border-radius:12px 13px 4px 4px}.v17-window{position:absolute;right:35px;bottom:49px;width:24px;height:14px;background:#c7ece5;border-radius:4px}.v17-wheel{position:absolute;bottom:5px;width:26px;height:26px;border-radius:50%;background:#172124;border:6px solid #71817e}.v17-tw1{left:24px}.v17-tw2{right:23px}
.v17-forklift{width:142px;height:94px}.v17-fork-body{position:absolute;left:7px;bottom:18px;width:75px;height:43px;background:#62b9a3;border-radius:9px 12px 5px 5px}.v17-fork-cab{position:absolute;left:43px;bottom:58px;width:39px;height:29px;border:7px solid #62b9a3;border-bottom:0;border-radius:6px 6px 0 0}.v17-fw1{left:14px}.v17-fw2{left:65px}.v17-mast{position:absolute;left:99px;bottom:18px;width:8px;height:67px;background:#71817e}.v17-forks{position:absolute;left:100px;bottom:19px;width:42px;height:7px;background:#71817e;box-shadow:0 -12px 0 #71817e;will-change:transform}
.v17-cargo{position:absolute;left:0;top:0;width:53px;height:31px;background:repeating-linear-gradient(0deg,#b85f46 0 7px,#8f4434 7px 9px);border-radius:3px;will-change:transform,opacity;z-index:6;scale:var(--vehicle-scale);transform-origin:left top}.v17-cargo:after{content:"";position:absolute;left:-3px;right:-3px;bottom:-5px;height:5px;background:#9a7657}
@media(max-width:900px){.logistics-v17{position:relative;width:100%;height:320px;min-height:320px;border-left:0;border-top:1px solid rgba(104,202,181,.55);margin-top:24px}.v17-label{top:10px;left:10px;font-size:.57rem}}
@media(max-width:560px){.logistics-v17{height:260px;min-height:260px}.v17-crane{height:43%}}

/* ===== V20: deterministic logistics scene, one physical pallet ===== */
.logistics-v20{--v20-scale:1;position:absolute;right:0;top:0;width:42%;height:100%;overflow:hidden;border-left:1px solid rgba(111,211,186,.45);z-index:3;pointer-events:none}
.v20-label{position:absolute;top:28px;left:50%;transform:translateX(-50%);white-space:nowrap;font:800 clamp(.68rem,1vw,.88rem)/1.1 Inter,sans-serif;letter-spacing:.14em;color:#d7eee8;background:rgba(12,29,31,.72);border:1px solid rgba(111,211,186,.45);padding:.7rem 1rem;border-radius:999px;z-index:5}
.v20-crane{position:absolute;right:8%;top:7%;width:43%;height:54%;opacity:.66}
.v20-crane-arm{position:absolute;right:0;top:0;width:100%;height:8px;background:#60787d}
.v20-crane-arm:after{content:"";position:absolute;right:0;top:0;width:8px;height:100%;background:#ca684c}
.v20-crane-cable{position:absolute;right:8px;top:8px;width:4px;height:58%;background:#ca684c}
.v20-road{position:absolute;left:0;right:0;bottom:8%;height:4px;background:rgba(214,231,227,.38);box-shadow:0 7px 0 rgba(214,231,227,.15)}
.v20-forklift,.v20-truck{position:absolute;left:0;bottom:calc(8% + 7px);transform-origin:left bottom;scale:var(--v20-scale)}
.v20-forklift{width:150px;height:104px;z-index:7}
.v20-fork-body{position:absolute;left:6px;bottom:18px;width:78px;height:43px;background:#6fcdb5;border-radius:10px 14px 5px 5px}
.v20-fork-cab{position:absolute;left:48px;bottom:59px;width:40px;height:31px;border:7px solid #6fcdb5;border-bottom:0;border-radius:6px 6px 0 0}
.v20-wheel{position:absolute;border-radius:50%;background:#182326;border:6px solid #75898a;box-sizing:border-box}
.v20-fw1,.v20-fw2{bottom:2px;width:29px;height:29px}.v20-fw1{left:14px}.v20-fw2{left:67px}
.v20-mast{position:absolute;left:102px;bottom:18px;width:8px;height:70px;background:#7d8f90;border-radius:2px}
.v20-carrier{position:absolute;left:103px;bottom:19px;width:45px;height:42px;transform-origin:left bottom}
.v20-forks{position:absolute;left:0;bottom:0;width:45px;height:7px;background:#7d8f90;box-shadow:0 -12px 0 #7d8f90}
.v20-truck{width:205px;height:94px;z-index:6}
.v20-bed{position:absolute;left:0;bottom:23px;width:126px;height:45px;background:#435b61;border-radius:5px 2px 0 0;border-top:6px solid #31464b}
.v20-cab{position:absolute;right:0;bottom:23px;width:72px;height:48px;background:#c9674d;border-radius:14px 16px 5px 5px}
.v20-window{position:absolute;right:39px;bottom:51px;width:26px;height:15px;background:#c8ece4;border-radius:5px}
.v20-tw1,.v20-tw2{bottom:2px;width:30px;height:30px}.v20-tw1{left:28px}.v20-tw2{right:24px}
.v20-cargo{width:68px;height:38px;border:2px solid #743b2f;border-radius:4px;background:repeating-linear-gradient(to bottom,#bf6249 0 9px,#8d4738 9px 12px);box-shadow:0 6px 0 #755742;box-sizing:border-box}
.v20-cargo-on-forks{position:absolute;left:7px;bottom:9px}
.v20-cargo-on-bed{position:absolute;left:24px;bottom:8px}
@media(max-width:960px){.logistics-v20{position:relative;right:auto;top:auto;width:100%;height:310px;border-left:0;border-top:1px solid rgba(111,211,186,.35);margin-top:28px}.v20-label{top:18px}.v20-crane{height:48%;top:8%}}
@media(max-width:620px){.logistics-v20{height:235px;margin-top:20px}.v20-label{font-size:.62rem;top:12px;padding:.55rem .75rem}.v20-crane{width:48%;right:3%;opacity:.45}.v20-road{bottom:10%}.v20-forklift,.v20-truck{bottom:calc(10% + 7px)}}