:section-hero-home{<style>.smoke-hero{position:relative;overflow:hidden;isolation:isolate}.smoke-hero>*{position:relative;z-index:1}.smoke-hero>canvas.smoke-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.smoke-hero>canvas.smoke-canvas{display:none}}</style><script>(function (){function initSmoke(){const hero=document.querySelector('.smoke-hero');if (!hero || hero.dataset.smokeReady==='yes') return;if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;hero.dataset.smokeReady='yes';const canvas=document.createElement('canvas');canvas.className='smoke-canvas';canvas.setAttribute('aria-hidden','true');hero.prepend(canvas);const ctx=canvas.getContext('2d',{alpha:true});if (!ctx) return;let width=0;let height=0;let particles=[];let lastX=null;let lastY=null;let lastTime=0;let active=true;const MAX_PARTICLES=100;function resize(){const rect=hero.getBoundingClientRect();const dpr=Math.min(window.devicePixelRatio || 1,1.5);width=rect.width;height=rect.height;canvas.width=Math.round(width * dpr);canvas.height=Math.round(height * dpr);ctx.setTransform(dpr,0,0,dpr,0,0)}function addSmoke(x,y,speed){const count=Math.min(3,Math.max(1,Math.ceil(speed / 12)));for (let i=0;i < count;i++){if (particles.length>=MAX_PARTICLES) break;particles.push({x:x + (Math.random() - 0.5) * 12,y:y + (Math.random() - 0.5) * 12,radius:12 + Math.random() * 20,alpha:0.10 + Math.random() * 0.09,life:1,decay:0.006 + Math.random() * 0.009,vx:(Math.random() - 0.5) * 0.65,vy:-0.25 - Math.random() * 0.65,grow:0.15 + Math.random() * 0.3})}}function onMove(event){const rect=hero.getBoundingClientRect();const x=event.clientX - rect.left;const y=event.clientY - rect.top;if (x < 0 || y < 0 || x>width || y>height){lastX=lastY=null;return}if (lastX !==null){const dx=x - lastX;const dy=y - lastY;const distance=Math.hypot(dx,dy);const steps=Math.min(5,Math.ceil(distance / 12));for (let i=0;i < steps;i++){const t=(i + 1) / Math.max(steps,1);addSmoke(lastX + dx * t,lastY + dy * t,distance / Math.max(steps,1))}}else{addSmoke(x,y,10)}lastX=x;lastY=y}function onLeave(){lastX=lastY=null}function draw(time){if (!active) return;const dt=lastTime ? Math.min((time - lastTime) / 16.67,2) :1;lastTime=time;ctx.clearRect(0,0,width,height);for (let i=particles.length - 1;i>=0;i--){const p=particles[i];p.x +=p.vx * dt;p.y +=p.vy * dt;p.radius +=p.grow * dt;p.life -=p.decay * dt;if (p.life <=0){particles.splice(i,1);continue}const gradient=ctx.createRadialGradient(p.x,p.y,0,p.x,p.y,p.radius);gradient.addColorStop(0,'rgba(225,230,235,' + p.alpha * p.life + ')');gradient.addColorStop(0.4,'rgba(190,200,210,' + p.alpha * p.life * 0.5 + ')');gradient.addColorStop(1,'rgba(180,190,200,0)');ctx.fillStyle=gradient;ctx.beginPath();ctx.arc(p.x,p.y,p.radius,0,Math.PI * 2);ctx.fill()}requestAnimationFrame(draw)}resize();hero.addEventListener('pointermove',onMove,{passive:true});hero.addEventListener('pointerleave',onLeave,{passive:true});window.addEventListener('resize',resize,{passive:true});const observer=new IntersectionObserver(entries=>{active=entries[0].isIntersecting;if (active){lastTime=0;requestAnimationFrame(draw)}});observer.observe(hero);requestAnimationFrame(draw)}if (document.readyState==='loading'){document.addEventListener('DOMContentLoaded',initSmoke)}else{initSmoke()}})();</script>}.container-hero-home{display:flex;flex-flow:column;gap:25px;width:50%}.container-canvas-home{display:flex;gap:20px;width:100%}.container-left-home{display:flex;flex-flow:column;gap:20px;width:60%}.container-right-home{width:40%}.container-heading-testi{display:flex;flex-flow:column;gap:10px;width:80%}.container-testi{width:100%}.container-Info-About{display:flex;flex-flow:column;justify-content:end;align-items:end;width:100%}.container-Image-AboutUs{display:flex;flex-flow:column;justify-content:start;align-items:start}@media (max-width:1023px){.container-Image-AboutUs{flex-flow:column;justify-content:start}}.container-Canvas-About{display:flex;flex-flow:column;justify-content:center;align-items:end;gap:25px}.container-1{display:flex;flex-flow:column;align-items:start;width:100%}.container-2{display:flex;justify-content:end;align-items:start;width:50%;height:550px;background-image:url(https://crameliscooterhire.com/wp-content/uploads/2026/10/crameliscooterhire-1600x900-1.jpg);background-size:cover;background-position:30% 0;background-repeat:repeat;background-attachment:scroll}.container-3{display:flex;justify-content:start;align-items:start;width:50%;background-image:url(https://crameliscooterhire.com/wp-content/uploads/2026/10/crameliscooterhire-1600x900-2.jpg);background-size:cover;background-position:40% 0;background-repeat:repeat;background-attachment:scroll}@media (max-width:1023px){.container-3{width:100%}}.container-4{display:flex;flex-flow:row;justify-content:end;align-items:center;width:100%}@media (max-width:1023px){.container-4{flex-flow:row;justify-content:center;align-items:center}}.container-5{display:flex;justify-content:end;width:100%;height:650px}@media (max-width:1023px){.container-5{flex-flow:column}}.container-6{display:flex;flex-flow:column;justify-content:end;align-items:center;width:50%;padding-left:25px}@media (max-width:1023px){.container-6{width:100%;padding-left:0px}}.container-hero-button{display:flex;flex-flow:row;justify-content:end;align-items:center;gap:10px;width:100%}.container-canvas-kontak{display:flex;flex-flow:row;gap:30px;width:100%}@media (max-width:767px){.container-canvas-kontak{flex-flow:column}}.container-left-kontak{display:flex;flex-flow:column;justify-content:center;align-items:start;gap:20px;width:100%}.container-right-kontak{display:flex;flex-flow:column;justify-content:center;align-items:start;width:100%}@media (max-width:767px){.container-right-kontak{order:-1}}.container-right-kontak-list-kontak{display:flex;flex-flow:column;justify-content:center;align-items:start;gap:30px;width:100%;margin-top:30px}.container-list-kontak-listValue{display:flex;flex-flow:row;justify-content:start;align-items:center;gap:12px;width:100%}.container-7{display:flex;flex-flow:row;justify-content:end;align-items:center;width:100%}.container-8{background-image:url(https://crameliscooterhire.com/wp-content/uploads/2026/10/crameliscooterhire-1600x900-1.jpg);background-size:auto;background-position:0 0;background-repeat:repeat;background-attachment:scroll}.container-9{display:flex;flex-flow:row;justify-content:end;align-items:start;width:50%;background-image:url(https://crameliscooterhire.com/wp-content/uploads/2026/10/crameliscooterhire-1600x900-1.jpg);background-size:cover;background-position:50% 0;background-repeat:repeat;background-attachment:scroll}@media (max-width:1023px){.container-9{width:100%;height:400px}}.container-10{width:100%}