:root{--primary-color:#d40511;--primary-hover:#b0040e;--secondary-color:#0f172a;--accent-color:#f4f4f5;--text-main:#111827;--text-muted:#6b7280;--bg-light:#fff;--bg-off-white:#f8fafc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--brand-yellow:#fc0;--brand-yellow-hover:#e6b800;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem}.text-brand-primary{color:var(--primary-color)}.bg-brand-primary{background-color:var(--primary-color)}.bg-brand-yellow{background-color:var(--brand-yellow)}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.hover-glow{transition:all .4s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #d405111a}.hover-magnetic{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-magnetic:hover{transform:translateY(-4px)rotate(1deg)}.animate-fade-in{opacity:0;animation:.8s ease-out forwards fadeIn}.animate-slide-up{opacity:0;animation:.8s ease-out forwards slideUp;transform:translateY(20px)}.animate-fade-in-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-scale-in{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards scaleIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-1000{animation-delay:1s}.animate-float{animation:3s ease-in-out infinite float}.animate-float-slow{animation:6s ease-in-out infinite float}.animate-pulse-slow{animation:4s ease-in-out infinite pulseSlow}.animate-bounce-gentle{animation:2s ease-in-out infinite bounceGentle}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseSlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes bounceGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.modern-card{background-color:var(--bg-light);border-radius:var(--radius-lg);border:1px solid #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1)}.modern-card:hover{box-shadow:var(--shadow-xl);border-color:#d405111a;transform:translateY(-8px)}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#ffffff1a;border:1px solid #fff3}.gradient-border-card{border-radius:var(--radius-xl);background:#fff;position:relative;overflow:hidden}.gradient-border-card:before{content:"";background:linear-gradient(135deg,var(--brand-yellow),var(--primary-color));border-radius:inherit;opacity:0;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gradient-border-card:hover:before{opacity:1}.btn-primary-hover{transition:all .3s;position:relative;overflow:hidden}.btn-primary-hover:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #d405114d}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);transition:transform .5s;position:absolute;inset:0;transform:scale(0)}.btn-ripple:hover:after{transform:scale(2)}.btn-shine{position:relative;overflow:hidden}.btn-shine:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-shine:hover:before{left:100%}.icon-box-anim{transition:all .3s}.modern-card:hover .icon-box-anim{background-color:var(--primary-color);color:#fff;transform:scale(1.1)rotate(5deg)}.icon-spin-hover{transition:transform .5s cubic-bezier(.4,0,.2,1)}.icon-spin-hover:hover{transform:rotate(360deg)}.icon-bounce{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.icon-bounce:hover{transform:scale(1.2)}.section-transition{transition:background-color .3s}.section-reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.section-reveal.visible{opacity:1;transform:translateY(0)}.animate-content-reveal{animation:.6s ease-out forwards contentReveal}@keyframes contentReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-truck-bounce{animation:.5s ease-in-out infinite truckBounce}@keyframes truckBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-3px)}}.animate-wheel-spin{transform-origin:50%;animation:.5s linear infinite wheelSpin}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-road-dash{animation:.5s linear infinite roadDash}@keyframes roadDash{0%{transform:translate(0)}to{transform:translate(-40px)}}.animate-cargo-pulse{animation:1s ease-in-out infinite cargoPulse}@keyframes cargoPulse{0%,to{fill-opacity:1}50%{fill-opacity:.9}}.animate-headlight{animation:1s ease-in-out infinite headlightGlow}@keyframes headlightGlow{0%,to{opacity:1;filter:drop-shadow(0 0 4px var(--brand-yellow))}50%{opacity:.8;filter:drop-shadow(0 0 8px var(--brand-yellow))}}.animate-smoke{animation:1s ease-out infinite smokeRise}@keyframes smokeRise{0%{opacity:.5;transform:translate(0)translateY(0)}to{opacity:0;transform:translate(15px)translateY(-10px)}}.animate-float-package-1{animation:2s ease-in-out infinite floatPackage1}.animate-float-package-2{animation:2.5s ease-in-out .3s infinite floatPackage2}.animate-float-package-3{animation:2.2s ease-in-out .6s infinite floatPackage3}@keyframes floatPackage1{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}}@keyframes floatPackage2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(-5deg)}}@keyframes floatPackage3{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-18px)rotate(8deg)}}.animate-letter-bounce{animation:1s ease-in-out infinite letterBounce;display:inline-block}@keyframes letterBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(0)}}.animate-dots{animation:1.5s ease-in-out infinite dotsAnimation}@keyframes dotsAnimation{0%,20%{opacity:.2}40%{opacity:.6}60%{opacity:1}80%,to{opacity:.2}}.animate-loading-progress{animation:2s ease-in-out forwards loadingProgress}@keyframes loadingProgress{0%{width:0%}50%{width:70%}to{width:100%}}.shimmer{position:relative;overflow:hidden}.shimmer:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.text-gradient{background:linear-gradient(135deg,var(--brand-yellow),var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-reveal{clip-path:inset(0 100% 0 0);animation:.8s ease-out forwards textReveal}@keyframes textReveal{to{clip-path:inset(0)}}.typewriter{white-space:nowrap;border-right:2px solid var(--brand-yellow);animation:3s steps(40,end) 1s forwards typing,.75s step-end infinite blinkCursor;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blinkCursor{50%{border-color:#0000}}.img-zoom{overflow:hidden}.img-zoom img{transition:transform .6s cubic-bezier(.4,0,.2,1)}.img-zoom:hover img{transform:scale(1.1)}.img-pan{overflow:hidden}.img-pan img{transition:transform 8s}.img-pan:hover img{transform:scale(1.1)translate(-2%)}.scroll-fade-up{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(50px)}.scroll-fade-up.in-view{opacity:1;transform:translateY(0)}.scroll-scale-in{opacity:0;transition:all .6s cubic-bezier(.16,1,.3,1);transform:scale(.9)}.scroll-scale-in.in-view{opacity:1;transform:scale(1)}.animated-border{border-radius:var(--radius-xl);position:relative;overflow:hidden}.animated-border:before{content:"";background:linear-gradient(45deg,var(--brand-yellow),var(--primary-color),var(--brand-yellow));border-radius:inherit;z-index:-1;background-size:200% 200%;animation:3s linear infinite gradientRotate;position:absolute;inset:-2px}@keyframes gradientRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.dot-pattern{background-image:radial-gradient(circle,#0000001a 1px,#0000 1px);background-size:20px 20px}.grid-pattern{background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:40px 40px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:768px){.animate-float,.animate-float-slow{animation:none}.hover-glow:hover{transform:translateY(-4px)}}
