Organikus k\u00f6ranim\u00e1ci\u00f3<\/title>\n <style>\n :root {\n \/* Szabadon m\u00f3dos\u00edthat\u00f3: h\u00e1tt\u00e9rsz\u00edn, maxim\u00e1lis m\u00e9ret, k\u00fcls\u0151 t\u00e9rk\u00f6z. *\/\n --page-background: #f4f3f1;\n --orb-size: 300px;\n --page-padding: clamp(20px, 2vw, 64px);\n \/* A megadott paletta. A 979AB0 sz\u00ednt egyszer szerepeltetj\u00fck. *\/\n --orb-indigo: #40438E;\n --orb-rose: #FF0048;\n --orb-yellow: #FFC40E;\n --orb-cyan: #95E5F9;\n --orb-mint: #81E3A5;\n --orb-mist: #979AB0;\n }\n\n * { box-sizing: border-box; }\n html, body { margin: 0; min-height: 100%; }\n body { background: var(--page-background); }\n\n .stage {\n display: grid;\n place-items: left;\n width: 100%;\n \n padding: var(--page-padding);\n }\n\n \/* Be\u00e1gyaz\u00e1shoz a .orb a sz\u00fcl\u0151elem sz\u00e9less\u00e9g\u00e9hez is alkalmazkodik. *\/\n .orb {\n position: relative;\n display: block;\n border: 0;\n padding: 0;\n margin: 0;\n background: transparent;\n cursor: pointer;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n width: min(100%, var(--orb-size), calc(100vh - 2 * var(--page-padding)));\n width: min(100%, var(--orb-size), calc(100svh - 2 * var(--page-padding)));\n aspect-ratio: 1;\n overflow: hidden;\n border-radius: 50%;\n isolation: isolate;\n border: solid 4px #fff;\n }\n\n .orb:focus-visible {\n outline: 3px solid var(--orb-indigo);\n outline-offset: 8px;\n \n }\n\n .orb__canvas {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .orb[data-renderer=\"webgl\"] .orb__canvas { opacity: 1; }\n .orb[data-renderer=\"webgl\"] .orb__fallback { display: none; }\n\n \/* A fogad\u00f3 oldal megl\u00e9v\u0151 Ubuntu bet\u0171k\u00e9szlet\u00e9t haszn\u00e1lja. *\/\n #organic-orb .orb__label {\n position: absolute;\n inset: 0;\n z-index: 10;\n display: grid;\n place-items: center;\n opacity: 1;\n visibility: visible;\n pointer-events: none;\n user-select: none;\n }\n\n #organic-orb .orb__label-text {\n display: block;\n max-width: 80%;\n margin: 0;\n padding: 0;\n color: #ffffff;\n -webkit-text-fill-color: #ffffff;\n font-family: 'Ubuntu', sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 15px;\n line-height: 1;\n letter-spacing: normal;\n white-space: nowrap;\n text-align: center;\n text-transform: none;\n opacity: 1;\n visibility: visible;\n }\n\n \/* Tartal\u00e9k megjelen\u00edt\u00e9s, ha a WebGL nem \u00e9rhet\u0151 el. *\/\n .orb__fallback {\n position: absolute;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n border-radius: inherit;\n background: var(--orb-indigo);\n transform: rotate(calc(var(--orb-response, 0) * 18deg)) scale(calc(1 + var(--orb-response, 0) * .06));\n filter: saturate(calc(1 + var(--orb-response, 0) * .1));\n }\n\n .orb__cloud {\n position: absolute;\n inset: -30%;\n background:\n radial-gradient(ellipse at 22% 46%, var(--orb-yellow) 0, var(--orb-rose) 9%, transparent 32%),\n radial-gradient(ellipse at 72% 32%, var(--orb-cyan) 0, transparent 41%),\n radial-gradient(ellipse at 65% 78%, var(--orb-mint) 0, transparent 24%),\n radial-gradient(ellipse at 40% 70%, var(--orb-mist) 0, var(--orb-indigo) 52%);\n filter: blur(18px);\n animation: cloud-drift 31s ease-in-out infinite alternate;\n will-change: transform;\n }\n\n .orb__cloud--second {\n background:\n radial-gradient(ellipse at 35% 30%, var(--orb-rose) 0, transparent 25%),\n radial-gradient(ellipse at 65% 66%, var(--orb-cyan) 0, transparent 40%);\n opacity: .55;\n animation-name: cloud-fold;\n animation-duration: 23s;\n }\n\n .orb__grain {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: .16;\n mix-blend-mode: soft-light;\n }\n\n @keyframes cloud-drift {\n 0% { transform: rotate(-12deg) scale(1.08) translate(-3%, 1%); }\n 38% { transform: rotate(19deg) scale(1.2, .95) translate(2%, -3%); }\n 65% { transform: rotate(58deg) scale(.95, 1.15) translate(-2%, 4%); }\n 100% { transform: rotate(100deg) scale(1.1) translate(3%, -2%); }\n }\n\n @keyframes cloud-fold {\n 0% { transform: rotate(0) scale(1.15, .9) translate(5%, -5%); }\n 50% { transform: rotate(-50deg) scale(.9, 1.15) translate(-8%, 8%); }\n 100% { transform: rotate(-115deg) scale(1.2, .95) translate(4%, 2%); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .orb__cloud { animation-play-state: paused; }\n }\n <\/style>\n<\/head>\n<body>\n <main class=\"stage\">\n <button class=\"orb\" id=\"organic-orb\" type=\"button\" aria-label=\"BeePT. Eg\u00e9rr\u00e1h\u00faz\u00e1ssal, kattint\u00e1ssal, \u00e9rint\u00e9ssel vagy Enterrel felkavarhat\u00f3.\">\n <span class=\"orb__fallback\" aria-hidden=\"true\">\n <span class=\"orb__cloud\"><\/span>\n <span class=\"orb__cloud orb__cloud--second\"><\/span>\n <svg class=\"orb__grain\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <filter id=\"orb-grain-filter\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\".85\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\n <feColorMatrix type=\"saturate\" values=\"0\"\/>\n <\/filter>\n <rect width=\"100%\" height=\"100%\" filter=\"url(#orb-grain-filter)\"\/>\n <\/svg>\n <\/span>\n <canvas class=\"orb__canvas\" aria-hidden=\"true\"><\/canvas>\n <span class=\"orb__label\" aria-hidden=\"true\"><span class=\"orb__label-text\">BeePT<\/span><\/span>\n <\/button>\n <\/main>\n\n <script>\n (() => {\n 'use strict';\n\n \/*\n * \u00d6n\u00e1ll\u00f3, h\u00e1l\u00f3zati k\u00e9r\u00e9s \u00e9s k\u00fcls\u0151 k\u00f6nyvt\u00e1r n\u00e9lk\u00fcl fut\u00f3 anim\u00e1ci\u00f3.\n * A sebess\u00e9get \u00e9s a szemcs\u00e9zetts\u00e9get itt lehet finomhangolni.\n *\/\n const SETTINGS = {\n speed: 1, \/\/ 0.5: fele sebess\u00e9g; 2: k\u00e9tszeres sebess\u00e9g\n grain: 0.07, \/\/ 0: sima fel\u00fclet; 0.10 k\u00f6r\u00fcl: finom szemcs\u00e9k\n hoverStrength: 1, \/\/ Az eg\u00e9rr\u00e1h\u00faz\u00e1s \u00e9s \u00e9rint\u00e9s hat\u00e1s\u00e1nak er\u0151ss\u00e9ge\n maxResolution: 1220, \/\/ Bels\u0151 felbont\u00e1s fels\u0151 hat\u00e1ra\n maxPixelRatio: 2\n };\n\n const root = document.getElementById('organic-orb');\n const canvas = root.querySelector('canvas');\n const label = root.querySelector('.orb__label-text');\n\n function fitLabel() {\n const diameter = root.getBoundingClientRect().width;\n if (!diameter) return;\n const maximumWidth = diameter * 0.8;\n const fontSize = diameter * 0.25;\n label.style.fontSize = fontSize + 'px';\n if (label.scrollWidth > maximumWidth) {\n label.style.fontSize = (fontSize * maximumWidth \/ label.scrollWidth * 0.995) + 'px';\n }\n }\n\n \/\/ A felirat saj\u00e1t HTML-r\u00e9tegen van, a grafikus motort\u00f3l f\u00fcggetlen\u00fcl.\n fitLabel();\n if (document.fonts) {\n document.fonts.ready.then(fitLabel);\n document.fonts.addEventListener('loadingdone', fitLabel);\n }\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n const gl = canvas.getContext('webgl', {\n alpha: true,\n antialias: false,\n depth: false,\n stencil: false,\n premultipliedAlpha: false,\n powerPreference: 'low-power'\n });\n\n const vertexSource = `\n attribute vec2 a_position;\n varying vec2 v_uv;\n void main() {\n v_uv = a_position;\n gl_Position = vec4(a_position, 0.0, 1.0);\n }\n `;\n\n const fragmentSource = `\n precision highp float;\n varying vec2 v_uv;\n uniform float u_time;\n uniform float u_resolution;\n uniform float u_grain;\n uniform float u_activity;\n uniform vec2 u_pointer;\n uniform vec3 u_indigo;\n uniform vec3 u_rose;\n uniform vec3 u_yellow;\n uniform vec3 u_cyan;\n uniform vec3 u_mint;\n uniform vec3 u_mist;\n\n float hash(vec3 p) {\n p = fract(p * 0.1031);\n p += dot(p, p.yzx + 33.33);\n return fract((p.x + p.y) * p.z);\n }\n\n \/\/ Folytonos, h\u00e1romdimenzi\u00f3s \u00e9rt\u00e9kzaj, sima interpol\u00e1ci\u00f3val.\n float noise(vec3 p) {\n vec3 i = floor(p);\n vec3 f = fract(p);\n f = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n return mix(\n mix(mix(hash(i), hash(i + vec3(1,0,0)), f.x),\n mix(hash(i + vec3(0,1,0)), hash(i + vec3(1,1,0)), f.x), f.y),\n mix(mix(hash(i + vec3(0,0,1)), hash(i + vec3(1,0,1)), f.x),\n mix(hash(i + vec3(0,1,1)), hash(i + vec3(1,1,1)), f.x), f.y),\n f.z\n ) * 2.0 - 1.0;\n }\n\n mat2 rotate(float a) {\n float s = sin(a), c = cos(a);\n return mat2(c, -s, s, c);\n }\n\n void main() {\n vec2 uv = v_uv;\n float r = length(uv);\n float edge = 1.0 - smoothstep(1.0 - 2.0 \/ u_resolution, 1.0, r);\n if (edge <= 0.0) { gl_FragColor = vec4(0.0); return; }\n\n float t = u_time;\n float z = sqrt(max(0.0, 1.0 - dot(uv, uv)));\n vec3 p = vec3(uv * 1.35, z * 0.7);\n \/\/ A kurzor k\u00f6r\u00fcl felkavarodik a bels\u0151 mint\u00e1zat, a k\u00fcls\u0151 k\u00f6r stabil.\n vec2 distanceToPointer = uv - u_pointer;\n float influence = exp(-dot(distanceToPointer, distanceToPointer) * 1.7);\n p.xy = rotate(u_activity * (0.22 + 0.65 * influence)) * p.xy;\n p.xy += u_activity * 0.10 * vec2(sin(uv.y * 3.0 + t), cos(uv.x * 3.0 - t));\n p.xy = rotate(0.13 * t + 0.14 * sin(t * 0.29)) * p.xy;\n p.xz = rotate(0.1 * sin(t * 0.22)) * p.xz;\n\n vec3 warp = vec3(\n noise(p * 1.35 + vec3(0.0, 0.0, t * 0.13)),\n noise(p * 1.35 + vec3(5.2, 1.3, -t * 0.11)),\n noise(p * 1.35 + vec3(-4.0, 8.2, t * 0.1))\n );\n vec3 q = p + warp * (0.72 + u_activity * 0.30);\n float flow = noise(q * 1.55 + vec3(1.7, 3.8, t * 0.1));\n float folds = noise(q * 2.45 + vec3(7.8, 0.2, -t * 0.08));\n float softness = noise(q * 1.25 + vec3(2.4, 9.3, t * 0.08));\n\n \/\/ Indig\u00f3 alap, vil\u00e1gosk\u00e9k f\u00e9nyek, kisebb piros, s\u00e1rga \u00e9s mentaz\u00f6ld foltok.\n float cool = smoothstep(-0.28, 0.70, q.x * 0.45 + softness * 0.70);\n float warm = smoothstep(0.02, 0.78, -q.x * 0.50 + flow * 0.70 + u_activity * 0.08);\n float glow = smoothstep(-0.35, 0.60, folds * 0.65 + q.y * 0.25);\n vec3 color = mix(u_indigo, u_mist, glow * 0.36);\n color = mix(color, u_cyan, cool * 0.92);\n\n float mintPatch = smoothstep(0.24, 0.77, folds * 0.8 - q.y * 0.38);\n color = mix(color, u_mint, mintPatch * cool * 0.84);\n color = mix(color, u_rose, warm * 0.96);\n\n \/\/ Keskeny, aranys\u00e1rga f\u00e9nyfoltok; a s\u00e1rga nem uralja az eg\u00e9sz fel\u00fcletet.\n float ribbon = 1.0 - smoothstep(0.01, 0.23, abs(flow + q.y * 0.28 + 0.14));\n color = mix(color, u_yellow, ribbon * pow(warm, 1.4) * 0.85);\n\n \/\/ Visszafogott t\u00e9rbelis\u00e9g: nincs er\u0151s peremf\u00e9ny vagy k\u00fcls\u0151 \u00e1rny\u00e9k.\n float light = 0.96 + 0.055 * z + 0.025 * dot(uv, vec2(-0.7, 0.6));\n color *= light;\n float grain = hash(vec3(gl_FragCoord.xy, 13.7)) - 0.5;\n color += grain * u_grain;\n gl_FragColor = vec4(clamp(color, 0.0, 1.0), edge);\n }\n `;\n\n let program;\n let buffer;\n let uniforms;\n let ready = false;\n let animationFrame = 0;\n let previousTime = null;\n let elapsed = 0;\n let phase = 0.6;\n let inView = true;\n let hovered = false;\n let impulse = 0;\n let activity = 0;\n let pointerX = 0;\n let pointerY = 0;\n let targetX = 0;\n let targetY = 0;\n\n function paletteColor(name) {\n const hex = getComputedStyle(root).getPropertyValue('--orb-' + name).trim().replace('#', '');\n const value = Number.parseInt(hex, 16);\n return [(value >> 16 & 255) \/ 255, (value >> 8 & 255) \/ 255, (value & 255) \/ 255];\n }\n\n function stir() {\n if (reducedMotion.matches) {\n \/\/ Cs\u00f6kkentett mozg\u00e1s mellett csak egyetlen \u00faj \u00e1ll\u00f3k\u00e9p jelenik meg.\n phase += 0.8;\n draw();\n return;\n }\n impulse = 1.25 * SETTINGS.hoverStrength;\n syncPlayback();\n }\n\n function setHovered(value) {\n if (hovered === value) return;\n hovered = value;\n if (value) stir();\n else { targetX = 0; targetY = 0; }\n }\n\n function locatePointer(event) {\n const rect = root.getBoundingClientRect();\n const x = (event.clientX - rect.left) \/ rect.width * 2 - 1;\n const y = 1 - (event.clientY - rect.top) \/ rect.height * 2;\n targetX = Math.max(-1, Math.min(1, x));\n targetY = Math.max(-1, Math.min(1, y));\n return x * x + y * y <= 1;\n }\n\n function handlePointer(event) {\n if (event.pointerType === 'touch') return;\n setHovered(locatePointer(event));\n }\n\n root.addEventListener('pointerenter', handlePointer);\n root.addEventListener('pointermove', handlePointer);\n root.addEventListener('pointerleave', () => setHovered(false));\n root.addEventListener('pointercancel', () => setHovered(false));\n \/\/ Nat\u00edv gomb: eg\u00e9rrel, \u00e9rint\u00e9ssel, Enterrel \u00e9s sz\u00f3k\u00f6zzel is m\u0171k\u00f6dik.\n root.addEventListener('click', (event) => {\n if (event.detail > 0) locatePointer(event);\n else { targetX = 0; targetY = 0; }\n stir();\n });\n\n function compile(type, source) {\n const shader = gl.createShader(type);\n gl.shaderSource(shader, source);\n gl.compileShader(shader);\n if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n const message = gl.getShaderInfoLog(shader);\n gl.deleteShader(shader);\n throw new Error(message || 'A shader nem ford\u00edthat\u00f3 le.');\n }\n return shader;\n }\n\n function initialize() {\n const vertex = compile(gl.VERTEX_SHADER, vertexSource);\n const fragment = compile(gl.FRAGMENT_SHADER, fragmentSource);\n program = gl.createProgram();\n gl.attachShader(program, vertex);\n gl.attachShader(program, fragment);\n gl.linkProgram(program);\n gl.deleteShader(vertex);\n gl.deleteShader(fragment);\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n throw new Error(gl.getProgramInfoLog(program) || 'A program nem kapcsolhat\u00f3 \u00f6ssze.');\n }\n gl.useProgram(program);\n buffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);\n const position = gl.getAttribLocation(program, 'a_position');\n gl.enableVertexAttribArray(position);\n gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n uniforms = {\n time: gl.getUniformLocation(program, 'u_time'),\n resolution: gl.getUniformLocation(program, 'u_resolution'),\n grain: gl.getUniformLocation(program, 'u_grain'),\n activity: gl.getUniformLocation(program, 'u_activity'),\n pointer: gl.getUniformLocation(program, 'u_pointer')\n };\n gl.uniform1f(uniforms.grain, SETTINGS.grain);\n ['indigo', 'rose', 'yellow', 'cyan', 'mint', 'mist'].forEach((name) => {\n const location = gl.getUniformLocation(program, 'u_' + name);\n gl.uniform3f(location, ...paletteColor(name));\n });\n ready = true;\n resize();\n root.dataset.renderer = 'webgl';\n }\n\n function draw() {\n if (!ready) {\n root.style.setProperty('--orb-response', activity.toFixed(4));\n return;\n }\n if (gl.isContextLost()) return;\n gl.uniform1f(uniforms.time, phase);\n gl.uniform1f(uniforms.activity, activity);\n gl.uniform2f(uniforms.pointer, pointerX, pointerY);\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n }\n\n function resize() {\n fitLabel();\n if (!ready) return;\n const width = root.getBoundingClientRect().width;\n const pixelRatio = Math.min(window.devicePixelRatio || 1, SETTINGS.maxPixelRatio);\n const size = Math.max(1, Math.min(SETTINGS.maxResolution, Math.round(width * pixelRatio)));\n if (canvas.width !== size || canvas.height !== size) {\n canvas.width = canvas.height = size;\n }\n gl.viewport(0, 0, size, size);\n gl.uniform1f(uniforms.resolution, size);\n draw();\n }\n\n function stop() {\n cancelAnimationFrame(animationFrame);\n animationFrame = 0;\n previousTime = null;\n }\n\n function shouldAnimate() {\n return inView && !document.hidden && !reducedMotion.matches;\n }\n\n function tick(now) {\n animationFrame = 0;\n if (!shouldAnimate()) { previousTime = null; return; }\n const delta = previousTime === null ? 0 : Math.min((now - previousTime) \/ 1000, 0.06);\n previousTime = now;\n elapsed += delta;\n\n \/\/ Folyamatos temp\u00f3v\u00e1lt\u00e1s: hosszabb nyugodt r\u00e9szek \u00e9s r\u00f6vid \u00e9l\u00e9nk\u00fcl\u00e9sek.\n \/\/ Az id\u0151 integr\u00e1l\u00e1sa megakad\u00e1lyozza a hirtelen ugr\u00e1st vagy visszafordul\u00e1st.\n const swell = 0.5 + 0.5 * Math.sin(elapsed * 0.29 + 0.8 * Math.sin(elapsed * 0.11));\n const tempo = 0.22 + 0.68 * swell * swell * swell;\n \/\/ Gyors bel\u00e9p\u0151 reakci\u00f3 (~0.15 s), majd kb. 2 s alatt visszanyugv\u00e1s.\n const targetActivity = (hovered ? 0.18 : 0) * SETTINGS.hoverStrength + impulse;\n activity += (targetActivity - activity) * (1 - Math.exp(-delta * 14));\n impulse *= Math.exp(-delta * 2.4);\n const follow = 1 - Math.exp(-delta * 8);\n pointerX += (targetX - pointerX) * follow;\n pointerY += (targetY - pointerY) * follow;\n phase += delta * (tempo * SETTINGS.speed + impulse * 4.8 + activity * 0.32);\n draw();\n animationFrame = requestAnimationFrame(tick);\n }\n\n function syncPlayback() {\n if (shouldAnimate()) {\n if (!animationFrame) animationFrame = requestAnimationFrame(tick);\n } else {\n stop();\n draw();\n }\n root.querySelectorAll('.orb__cloud').forEach((cloud) => {\n cloud.style.animationPlayState = (!document.hidden && inView && !reducedMotion.matches) ? 'running' : 'paused';\n });\n }\n\n canvas.addEventListener('webglcontextlost', (event) => {\n event.preventDefault();\n ready = false;\n stop();\n delete root.dataset.renderer;\n syncPlayback();\n });\n\n canvas.addEventListener('webglcontextrestored', () => {\n try {\n initialize();\n syncPlayback();\n } catch (error) {\n ready = false;\n delete root.dataset.renderer;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n });\n\n try {\n if (gl) initialize();\n } catch (error) {\n ready = false;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n\n if ('ResizeObserver' in window) new ResizeObserver(resize).observe(root);\n window.addEventListener('resize', resize, { passive: true });\n document.addEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.addEventListener) reducedMotion.addEventListener('change', syncPlayback);\n else reducedMotion.addListener(syncPlayback);\n\n if ('IntersectionObserver' in window) {\n new IntersectionObserver(([entry]) => {\n inView = entry.isIntersecting;\n syncPlayback();\n }, { threshold: 0 }).observe(root);\n }\n\n syncPlayback();\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c99f280 e-con-full e-flex e-con e-child\" data-id=\"c99f280\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3708eeb elementor-widget elementor-widget-heading\" data-id=\"3708eeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A c\u00e9ged saj\u00e1t AI asszisztense<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ea31ce beept-text elementor-widget elementor-widget-heading\" data-id=\"9ea31ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Bels\u0151 tud\u00e1sb\u00f3l, gyors v\u00e1laszok<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b78a54 elementor-widget elementor-widget-heading\" data-id=\"8b78a54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">A BeePT a saj\u00e1t c\u00e9ges tud\u00e1sb\u00f3l v\u00e1laszol, hogy ne kelljen minden k\u00e9rd\u00e9ssel ugyanazokat az embereket keresni.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4b6e5 e-con-full e-flex e-con e-child\" data-id=\"bb4b6e5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"none","animation_mobile":"none","animation_delay":200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ceb8f41 elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"ceb8f41\" data-element_type=\"widget\" data-e-type=\"widget\" data-track=\"1\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#howitworks\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">hogyan m\u0171k\u00f6dik?<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d40a526 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-button\" data-id=\"d40a526\" data-element_type=\"widget\" data-e-type=\"widget\" data-track=\"1\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/howitworks_mobile\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">hogyan m\u0171k\u00f6dik?<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47b9cc5 elementor-widget elementor-widget-button\" data-id=\"47b9cc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-track=\"1\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#demo\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Bemutat\u00f3t k\u00e9rek<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b15dd3 e-con-full e-flex e-con e-child\" data-id=\"2b15dd3\" data-element_type=\"container\" data-e-type=\"container\" id=\"howitworks_mobile\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ef46c8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9ef46c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"bpd-demo\" aria-label=\"A BeePT interakt\u00edv bemutat\u00f3ja\">\n <div class=\"bpd-industry-tabs\" role=\"tablist\" aria-label=\"V\u00e1lassz ipar\u00e1gat\">\n <button class=\"bpd-industry-tab is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-industry=\"hospitality\">Vend\u00e9gl\u00e1t\u00e1s<\/button>\n <button class=\"bpd-industry-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-industry=\"agency\">\u00dcgyn\u00f6ks\u00e9gek<\/button>\n <button class=\"bpd-industry-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-industry=\"accounting\">K\u00f6nyvel\u0151k<\/button>\n <button class=\"bpd-industry-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-industry=\"design\">Tervez\u0151k<\/button>\n <\/div>\n\n <div class=\"bpd-industry-select\">\n <select id=\"bpd-industry-select\" aria-label=\"V\u00e1lassz ipar\u00e1gat\">\n <option value=\"hospitality\">Vend\u00e9gl\u00e1t\u00e1s<\/option>\n <option value=\"agency\">\u00dcgyn\u00f6ks\u00e9gek<\/option>\n <option value=\"accounting\">K\u00f6nyvel\u0151k<\/option>\n <option value=\"design\">Tervez\u0151k<\/option>\n <\/select>\n <span class=\"bpd-industry-select-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M7 14l5 5 5-5\"\/><\/svg>\n <\/span>\n <\/div>\n\n <section class=\"bpd-window\">\n <header class=\"bpd-header\">\n <div class=\"bpd-agent\">\n <span class=\"bpd-agent-orb\" aria-hidden=\"true\"><\/span>\n <span class=\"bpd-agent-copy\">\n <strong id=\"bpd-agent-name\">BeePT<\/strong>\n <\/span>\n <\/div>\n <\/header>\n\n <main class=\"bpd-content\" aria-live=\"polite\" aria-label=\"BeePT besz\u00e9lget\u00e9s\" tabindex=\"0\">\n <p class=\"bpd-hello\">Szia! Miben seg\u00edthetek ma?<\/p>\n\n <div class=\"bpd-chat\" hidden>\n <div class=\"bpd-question\" id=\"bpd-question\"><\/div>\n\n <div class=\"bpd-thinking\" id=\"bpd-thinking\" aria-label=\"A BeePT v\u00e1laszol\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n\n <article class=\"bpd-answer\" id=\"bpd-answer\">\n <div class=\"bpd-answer-copy\" id=\"bpd-answer-copy\"><\/div>\n <\/article>\n\n <div class=\"bpd-source\" id=\"bpd-source\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 3h9l3 3v15H6z\"\/><path d=\"M14 3v4h4M9 12h6M9 16h5\"\/><\/svg>\n <span id=\"bpd-source-text\"><\/span>\n <\/div>\n <\/div>\n\n <p class=\"bpd-empty\" hidden>Az \u00f6sszes p\u00e9ldak\u00e9rd\u00e9st kipr\u00f3b\u00e1ltad.<\/p>\n\n <div class=\"bpd-starters\" id=\"bpd-starters\"><\/div>\n <\/main>\n\n <footer class=\"bpd-footer\">\n <p>A BeePT v\u00e1laszai t\u00e9vedhetnek, a fontos d\u00f6nt\u00e9seket mindig ellen\u0151rizni kell.<\/p>\n <div class=\"bpd-input\">\n <textarea id=\"bpd-typed\" rows=\"1\" maxlength=\"2000\" placeholder=\"K\u00e9rdezz b\u00e1rmit...\" aria-label=\"Saj\u00e1t k\u00e9rd\u00e9s\"><\/textarea>\n <div class=\"bpd-input-actions\">\n <button type=\"button\" class=\"bpd-round bpd-send\" aria-label=\"K\u00e9rd\u00e9s elk\u00fcld\u00e9se\" disabled>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 19V5M7 10l5-5 5 5\"\/><\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/footer>\n\n <\/section>\n\n \n <div class=\"bpd-translation-data\" hidden>\n <div class=\"bpd-industry-data\" data-industry=\"hospitality\">\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hol tal\u00e1lom a heti beoszt\u00e1st?<\/p>\n <div class=\"bpd-scene-answer\"><p>A heti beoszt\u00e1st a Drive <strong>M\u0171k\u00f6d\u00e9s \/ Beoszt\u00e1sok<\/strong> mapp\u00e1j\u00e1ban tal\u00e1lod. Itt mindig az aktu\u00e1lis heti verzi\u00f3 van fent.<\/p><p><span class=\"bpd-demo-link\">Heti beoszt\u00e1s megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: M\u0171szakrend \u00e9s jelenl\u00e9ti szab\u00e1lyok<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hogyan cser\u00e9lhetek m\u0171szakot?<\/p>\n <div class=\"bpd-scene-answer\"><p>El\u0151sz\u00f6r egyeztess azzal, akivel cser\u00e9ln\u00e9l, majd k\u00fcldd el a k\u00e9r\u00e9st a m\u0171szakvezet\u0151nek. A csere akkor \u00e9rv\u00e9nyes, ha \u0151 j\u00f3v\u00e1hagyta.<\/p><p><span class=\"bpd-demo-link\">M\u0171szakcsere k\u00e9r\u00e9se<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: M\u0171szakrend \u00e9s jelenl\u00e9ti szab\u00e1lyok<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Mi a teend\u0151 vend\u00e9gpanasz eset\u00e9n?<\/p>\n <div class=\"bpd-scene-answer\"><p>Hallgasd v\u00e9gig a vend\u00e9get, k\u00e9rj eln\u00e9z\u00e9st a kellemetlens\u00e9g\u00e9rt, majd sz\u00f3lj a m\u0171szakvezet\u0151nek. Ha a panaszt kompenz\u00e1ci\u00f3val kell kezelni, \u0151 d\u00f6nt r\u00f3la.<\/p><p><span class=\"bpd-demo-link\">Vend\u00e9gpanasz kezel\u00e9si folyamat<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Vend\u00e9g\u00e9lm\u00e9ny \u00e9s panaszkezel\u00e9s<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Kinek sz\u00f3ljak, ha kifogyott egy alapanyag?<\/p>\n <div class=\"bpd-scene-answer\"><p>Jelezd azonnal a m\u0171szakvezet\u0151nek, \u00e9s \u00edrd fel a hi\u00e1nyt a napi k\u00e9szletlist\u00e1ra. \u0150 d\u00f6nt arr\u00f3l, hogy kell-e azonnali beszerz\u00e9s vagy helyettes\u00edt\u0151 term\u00e9k.<\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: K\u00e9szletkezel\u00e9si \u00fatmutat\u00f3<\/p>\n <\/article>\n <\/div>\n <div class=\"bpd-industry-data\" data-industry=\"agency\">\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hol tal\u00e1lom az \u00fcgyf\u00e9l aktu\u00e1lis briefj\u00e9t?<\/p>\n <div class=\"bpd-scene-answer\"><p>Az \u00fcgyf\u00e9l saj\u00e1t projektmapp\u00e1j\u00e1ban, a <strong>00_Brief<\/strong> k\u00f6nyvt\u00e1rban van a legfrissebb verzi\u00f3. Mindig a m\u00f3dos\u00edt\u00e1s d\u00e1tum\u00e1val jel\u00f6lt f\u00e1jlt haszn\u00e1ld.<\/p><p><span class=\"bpd-demo-link\">\u00dcgyf\u00e9lbrief megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Projektind\u00edt\u00e1si folyamat<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Ki hagyja j\u00f3v\u00e1 az aj\u00e1nlatot?<\/p>\n <div class=\"bpd-scene-answer\"><p>Az aj\u00e1nlatot el\u0151sz\u00f6r a projektfelel\u0151s n\u00e9zi \u00e1t, majd az \u00fcgyf\u00e9lkapcsolati vezet\u0151 hagyja j\u00f3v\u00e1 kik\u00fcld\u00e9s el\u0151tt. Egyedi \u00e1raz\u00e1sn\u00e1l a p\u00e9nz\u00fcgyi j\u00f3v\u00e1hagy\u00e1s is kell.<\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Aj\u00e1nlatad\u00e1si folyamat<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hol vezetj\u00fck a projekt\u00f3r\u00e1kat?<\/p>\n <div class=\"bpd-scene-answer\"><p>A projekt\u00f3r\u00e1kat a projekt saj\u00e1t id\u0151nyilv\u00e1ntart\u00e1s\u00e1ban r\u00f6gz\u00edtj\u00fck, minden munkanap v\u00e9g\u00e9n. Az \u00fcgyf\u00e9lsz\u00e1mot \u00e9s a feladatot is v\u00e1laszd ki, k\u00fcl\u00f6nben nem ker\u00fcl a riportba.<\/p><p><span class=\"bpd-demo-link\">Id\u0151nyilv\u00e1ntart\u00e1s megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Projektelsz\u00e1mol\u00e1si \u00fatmutat\u00f3<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Mi a teend\u0151, ha az \u00fcgyf\u00e9l m\u00f3dos\u00edt\u00e1st k\u00e9r?<\/p>\n <div class=\"bpd-scene-answer\"><p>R\u00f6gz\u00edtsd a k\u00e9r\u00e9st a projektfeladatn\u00e1l, \u00edrd le a hat\u00e1s\u00e1t a hat\u00e1rid\u0151re \u00e9s a keretre, majd egyeztesd a projektfelel\u0151ssel. Ne kezdjetek el dolgozni rajta j\u00f3v\u00e1hagy\u00e1s n\u00e9lk\u00fcl.<\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Change request folyamat<\/p>\n <\/article>\n <\/div>\n <div class=\"bpd-industry-data\" data-industry=\"accounting\">\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Kihez tartozik ez az \u00fcgyf\u00e9l?<\/p>\n <div class=\"bpd-scene-answer\"><p>Az \u00fcgyf\u00e9lfelel\u0151st az \u00fcgyf\u00e9lt\u00f6rzsben tal\u00e1lod a c\u00e9g neve mellett. Ha ott nincs megadva kapcsolattart\u00f3, a csoportvezet\u0151 osztja ki a feladatot.<\/p><p><span class=\"bpd-demo-link\">\u00dcgyf\u00e9lt\u00f6rzs megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: \u00dcgyf\u00e9lt\u00f6rzs \u00e9s felel\u0151si rend<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Mi a teend\u0151, ha hi\u00e1nyzik egy sz\u00e1mla?<\/p>\n <div class=\"bpd-scene-answer\"><p>Jel\u00f6ld hi\u00e1nyz\u00f3k\u00e9nt az \u00fcgyf\u00e9l havi ellen\u0151rz\u0151list\u00e1j\u00e1n, majd k\u00e9rd be az anyagot a kijel\u00f6lt kapcsolattart\u00f3t\u00f3l. A p\u00f3tl\u00e1s hat\u00e1ridej\u00e9t is r\u00f6gz\u00edtsd ugyanott.<\/p><p><span class=\"bpd-demo-link\">Hi\u00e1nyz\u00f3 bizonylat sablon<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Havi z\u00e1r\u00e1si ellen\u0151rz\u0151lista<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hol tal\u00e1lom az \u00fcgyf\u00e9l anyagait?<\/p>\n <div class=\"bpd-scene-answer\"><p>Az \u00fcgyf\u00e9l k\u00f3dj\u00e1val jel\u00f6lt mapp\u00e1ban tal\u00e1lod \u0151ket, azon bel\u00fcl \u00e9v \u00e9s h\u00f3nap szerint. A bek\u00fcld\u00f6tt anyagokat a <strong>Be\u00e9rkezett<\/strong>, a feldolgozottakat a <strong>Lez\u00e1rt<\/strong> mapp\u00e1ban keresd.<\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Digit\u00e1lis iratt\u00e1rol\u00e1si rend<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Milyen hat\u00e1rid\u0151k vannak ezen a h\u00e9ten?<\/p>\n <div class=\"bpd-scene-answer\"><p>Az aktu\u00e1lis hat\u00e1rid\u0151ket a heti z\u00e1r\u00e1si napt\u00e1r mutatja. A s\u00fcrg\u0151s \u00fcgyf\u00e9lanyagok \u00e9s a bevall\u00e1si hat\u00e1rid\u0151k piros jel\u00f6l\u00e9st kapnak.<\/p><p><span class=\"bpd-demo-link\">Heti z\u00e1r\u00e1si napt\u00e1r megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Ad\u00f3z\u00e1si \u00e9s z\u00e1r\u00e1si napt\u00e1r<\/p>\n <\/article>\n <\/div>\n <div class=\"bpd-industry-data\" data-industry=\"design\">\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hol van a legfrissebb tervdokument\u00e1ci\u00f3?<\/p>\n <div class=\"bpd-scene-answer\"><p>A projekt k\u00f6z\u00f6s mapp\u00e1j\u00e1ban, a <strong>Kiadv\u00e1nyok \/ Aktu\u00e1lis<\/strong> k\u00f6nyvt\u00e1rban van a j\u00f3v\u00e1hagyott tervcsomag. A r\u00e9gebbi verzi\u00f3k az Arch\u00edvumba ker\u00fclnek.<\/p><p><span class=\"bpd-demo-link\">Tervdokument\u00e1ci\u00f3 megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Tervdokument\u00e1ci\u00f3 kezel\u00e9se<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Ki hagyja j\u00f3v\u00e1 a tervm\u00f3dos\u00edt\u00e1st?<\/p>\n <div class=\"bpd-scene-answer\"><p>A tervm\u00f3dos\u00edt\u00e1st a projektvezet\u0151 ellen\u0151rzi, a megrendel\u0151i j\u00f3v\u00e1hagy\u00e1st pedig \u0151 dokument\u00e1lja. Kivitelez\u00e9st \u00e9rint\u0151 v\u00e1ltoz\u00e1s csak \u00edr\u00e1sos j\u00f3v\u00e1hagy\u00e1s ut\u00e1n mehet tov\u00e1bb.<\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Tervm\u00f3dos\u00edt\u00e1si folyamat<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hol r\u00f6gz\u00edtj\u00fck a helysz\u00edni \u00e9szrev\u00e9teleket?<\/p>\n <div class=\"bpd-scene-answer\"><p>A helysz\u00edni bej\u00e1r\u00e1s jegyz\u0151k\u00f6nyv\u00e9t a projekt k\u00f6z\u00f6s mapp\u00e1j\u00e1ban, a <strong>Helysz\u00edni \u00e9szrev\u00e9telek<\/strong> \u0171rlapon t\u00f6ltsd ki. Fot\u00f3t is t\u00f6lts fel mell\u00e9, ha seg\u00edti az azonos\u00edt\u00e1st.<\/p><p><span class=\"bpd-demo-link\">Helysz\u00edni jegyz\u0151k\u00f6nyv megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Helysz\u00edni bej\u00e1r\u00e1s rendje<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Melyik sablont haszn\u00e1ljuk az \u00e1tad\u00e1shoz?<\/p>\n <div class=\"bpd-scene-answer\"><p>Az \u00e1tad\u00e1shoz a projekt t\u00edpus\u00e1nak megfelel\u0151 \u00e1tad\u00e1si csomagot haszn\u00e1ld. A sablonban benne van az ellen\u0151rz\u0151lista, a dokumentumjegyz\u00e9k \u00e9s az \u00fcgyf\u00e9lnek k\u00fcldend\u0151 k\u00eds\u00e9r\u0151lev\u00e9l is.<\/p><p><span class=\"bpd-demo-link\">\u00c1tad\u00e1si sablonok megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Projekt\u00e1tad\u00e1si k\u00e9zik\u00f6nyv<\/p>\n <\/article>\n <\/div>\n <p class=\"bpd-fallback-exhausted\">A BeePT a saj\u00e1t c\u00e9ges tud\u00e1sodb\u00f3l v\u00e1laszolna erre. Ebben a dem\u00f3ban m\u00e1r az \u00f6sszes p\u00e9ldak\u00e9rd\u00e9st kipr\u00f3b\u00e1ltad.<\/p>\n <p class=\"bpd-fallback-pick\">A BeePT a saj\u00e1t c\u00e9ges tud\u00e1sodb\u00f3l v\u00e1laszolna erre. Ebben a dem\u00f3ban v\u00e1lassz egy p\u00e9ldak\u00e9rd\u00e9st.<\/p>\n <\/div>\n<\/div>\n\n<style>\n .bpd-demo .bpd-translation-data { display: none !important; }\n\n .bpd-demo,\n .bpd-demo * { box-sizing: border-box; }\n\n .elementor-widget-html:has(.bpd-demo) {\n flex: 1 1 0;\n align-self: stretch;\n display: flex;\n min-height: 0;\n }\n\n .elementor-widget-html:has(.bpd-demo) > .elementor-widget-container {\n flex: 1 1 auto;\n display: flex;\n width: 100%;\n min-height: 0;\n }\n\n \/* Safari nem mindig vezeti v\u00e9gig az Elementor flexmagass\u00e1g\u00e1t.\n Ilyenkor a widget k\u00f6zvetlen\u00fcl a befoglal\u00f3 kont\u00e9nert t\u00f6lti ki. *\/\n .bpd-safari-frame {\n position: relative !important;\n }\n\n .bpd-safari-widget {\n position: absolute !important;\n top: var(--bpd-frame-pad-top, 0px) !important;\n right: var(--bpd-frame-pad-right, 0px) !important;\n bottom: var(--bpd-frame-pad-bottom, 0px) !important;\n left: var(--bpd-frame-pad-left, 0px) !important;\n width: auto !important;\n height: auto !important;\n min-height: 0 !important;\n margin: 0 !important;\n display: flex !important;\n }\n\n .bpd-safari-widget > .elementor-widget-container {\n flex: 1 1 auto !important;\n display: flex !important;\n width: 100% !important;\n min-height: 0 !important;\n }\n\n .bpd-demo {\n --ink: #11121a;\n --line: #e1e3fb;\n --lavender: #e5e5f8;\n --purple: #5655a8;\n --pink: #ff0050;\n --muted: #9b9db6;\n position: relative;\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n max-width: none;\n height: 640px;\n min-height: 640px;\n overflow: hidden;\n font-family: Ubuntu, Arial, sans-serif;\n color: var(--ink);\n padding: 12px;\n border-radius: 36px;\n background: #E3E5FA;\n }\n\n .bpd-window {\n position: relative;\n flex: 1 1 auto;\n width: 100%;\n max-width: none;\n height: 0;\n min-height: 0;\n margin: 8px 0 0;\n overflow: hidden;\n display: grid;\n grid-template-rows: auto 1fr auto;\n background: #fff;\n border: 1px solid rgba(17, 18, 26, .06);\n border-radius: 32px;\n }\n\n .bpd-header {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 18px 24px 8px;\n }\n\n\n\n .bpd-agent {\n display: grid;\n grid-template-columns: 28px minmax(0, 1fr);\n align-items: center;\n gap: 8px;\n min-width: 0;\n height: 36px;\n padding: 0;\n border: 0;\n border-radius: 0;\n cursor: default;\n line-height: 1.05;\n }\n\n .bpd-agent-copy { min-width: 0; }\n .bpd-agent-orb {\n position: relative;\n width: 28px;\n height: 28px;\n overflow: hidden;\n border-radius: 50%;\n background: #4849c6;\n }\n .bpd-agent-orb::before {\n content: '';\n position: absolute;\n inset: -28%;\n background:\n radial-gradient(circle at 20% 40%, #ffe35d 0, #ff0050 19%, transparent 44%),\n radial-gradient(circle at 74% 27%, #baf4ff 0, transparent 39%),\n radial-gradient(circle at 72% 76%, #9cf0b8 0, transparent 32%),\n radial-gradient(circle at 44% 68%, #aeb2cc 0, #4849c6 58%);\n filter: blur(5px);\n transform: rotate(-12deg) scale(1.05);\n }\n .bpd-agent strong,\n .bpd-agent small { display: block; }\n .bpd-agent strong { color: #111; font-size: 22px; }\n\n .bpd-content {\n min-height: 0;\n position: relative;\n overflow: hidden;\n padding: 8px 24px 0;\n }\n\n .bpd-hello { margin: 0px 0 0; font-size: 16px; }\n .bpd-industry-tabs {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 8px;\n width: 100%;\n padding: 0;\n background: transparent;\n }\n .bpd-industry-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 68px;\n padding: 14px 16px;\n margin: 0;\n border: 1px solid transparent;\n border-radius: 24px;\n background: transparent;\n color: #111;\n font: inherit;\n font-size: 15px;\n font-weight: 400;\n line-height: 1.2;\n text-align: center;\n cursor: pointer;\n transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;\n }\n .bpd-industry-tab:hover,\n .bpd-industry-tab:focus-visible { border-color: rgba(17, 18, 26, .08); background: rgba(255, 255, 255, .45); color: var(--ink) !important; }\n .bpd-industry-tab.is-active { border-color: rgba(17, 18, 26, .10); background: #fff; color: var(--ink) !important; box-shadow: 0 3px 8px rgba(37, 34, 79, .10); }\n .bpd-industry-select { position: relative; display: none; width: 100%; }\n .bpd-industry-select select { width: 100%; min-height: 52px; padding: 12px 48px 12px 16px; border: 1px solid rgba(17, 18, 26, .10); border-radius: 20px; appearance: none; -webkit-appearance: none; background: #fff; color: var(--ink); font: inherit; font-size: 15px; font-weight: 700; }\n .bpd-industry-select-icon { position: absolute; top: 50%; right: 17px; width: 20px; height: 20px; transform: translateY(-50%); color: #111; pointer-events: none; }\n .bpd-industry-select-icon svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2; }\n .bpd-chat { position: absolute; inset: 50px 24px 20px; }\n\n .bpd-question {\n position: absolute;\n right: 0;\n top: 0;\n width: fit-content;\n max-width: 80%;\n padding: 16px 20px;\n border-radius: 24px;\n background: var(--lavender);\n font-size: 15px;\n line-height: 1.42;\n opacity: 0;\n transform: translateY(10px) scale(.98);\n transition: opacity .35s ease, transform .35s ease;\n }\n\n .bpd-question.is-visible { opacity: 1; transform: none; }\n\n .bpd-thinking {\n position: absolute;\n left: 25px;\n top: 72px;\n display: flex;\n gap: 5px;\n padding: 13px 16px;\n border-radius: 18px;\n background: #f1f1fb;\n opacity: 0;\n transform: translateY(8px);\n transition: .25s ease;\n }\n\n .bpd-thinking.is-visible { opacity: 1; transform: none; }\n .bpd-thinking span { width: 7px; height: 7px; border-radius: 50%; background: var(--purple); animation: bpdDot .9s infinite alternate; }\n .bpd-thinking span:nth-child(2) { animation-delay: .16s; }\n .bpd-thinking span:nth-child(3) { animation-delay: .32s; }\n\n .bpd-answer {\n position: absolute;\n left: 0;\n top: 72px;\n width: 100%;\n opacity: 0;\n transform: translateY(12px);\n transition: opacity .4s ease, transform .4s ease;\n }\n\n .bpd-answer.is-visible { opacity: 1; transform: none; }\n .bpd-answer-copy { width: 100%; padding: 0; background: transparent; font-size: 15px; line-height: 1.48; text-align: left; }\n .bpd-answer-copy strong { display: block; margin-bottom: 5px; }\n .bpd-answer-copy p { margin: 0 0 10px; }\n .bpd-answer-copy p:last-child { margin-bottom: 0; }\n .bpd-demo-link { color: var(--purple); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }\n .bpd-answer-copy table { width: 100%; max-width: 500px; margin: 10px 0; border: 1px solid #E3E5FA; border-collapse: collapse; font-size: 13px; }\n .bpd-answer-copy th,\n .bpd-answer-copy td { padding: 6px 9px; border: 1px solid #E3E5FA; text-align: left; }\n .bpd-answer-copy th { background: #f8f8fd; font-weight: 700; }\n .bpd-answer-copy th:nth-child(2),\n .bpd-answer-copy th:nth-child(3),\n .bpd-answer-copy td:nth-child(2),\n .bpd-answer-copy td:nth-child(3) { width: 18%; text-align: right; }\n\n .bpd-source {\n position: absolute;\n left: 0;\n top: 197px;\n display: flex;\n align-items: center;\n gap: 8px;\n max-width: 420px;\n padding: 9px 13px;\n border: 1px solid var(--line);\n border-radius: 12px;\n color: #555777;\n font-size: 12px;\n opacity: 0;\n transform: translateY(8px);\n transition: .35s ease;\n }\n\n .bpd-source.is-visible { opacity: 1; transform: none; }\n .bpd-source svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; }\n\n .bpd-starters {\n position: absolute;\n right: 24px;\n bottom: 16px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 9px;\n transition: opacity .3s ease;\n }\n\n .bpd-starters.is-hidden { opacity: 0; pointer-events: none; }\n .bpd-starters button { padding: 9px 15px; border: 2px solid var(--line); border-radius: 22px; background: #fff; color: var(--ink); font: inherit; font-size: 14px; text-align: left; }\n .bpd-starters button.is-active { background: var(--lavender); transform: scale(.98); }\n\n .bpd-footer { padding: 0 24px 24px; }\n .bpd-footer > p { margin: 0 0 10px; color: #9a9bb5; font-size: 10px; text-align: center; }\n .bpd-input { min-height: 98px; position: relative; padding: 16px 150px 16px 16px; border: 2px solid var(--line); border-radius: 25px; font-size: 16px; }\n #bpd-typed.is-placeholder { color: #a6a8be; }\n .bpd-input-actions { position: absolute; right: 13px; bottom: 10px; display: flex; gap: 8px; }\n .bpd-round { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; }\n .bpd-round svg { width: 23px; height: 23px; fill: none; stroke: #fff; stroke-width: 2; }\n .bpd-send { background: var(--pink); transition: transform .18s ease, box-shadow .18s ease; }\n .bpd-send.is-pressed { transform: scale(.88); box-shadow: 0 0 0 8px rgba(255,0,80,.12); }\n\n @keyframes bpdDot {\n from { transform: translateY(2px); }\n to { transform: translateY(-3px); opacity: .45; }\n }\n\n @media (max-width: 767px) {\n .bpd-demo { width: 100%; max-width: none; height: 620px; min-height: 620px; padding: 8px; border-radius: 32px; }\n .bpd-window { flex-basis: auto; width: 100%; max-width: none; height: 0; min-height: 0; margin: 8px 0 0; border-radius: 24px; }\n .bpd-header { gap: 7px; padding: 18px 20px 8px; }\n .bpd-agent { grid-template-columns: 26px minmax(0, 1fr); gap: 7px; min-width: 0; width: auto; height: 32px; padding: 0; }\n .bpd-agent-orb { width: 26px; height: 26px; }\n .bpd-agent strong { font-size: 16px; }\n .bpd-content { padding: 8px 23px 0; }\n .bpd-hello { font-size: 16px; }\n .bpd-industry-tabs { display: none; }\n .bpd-industry-select { display: block; }\n .bpd-chat { inset: 65px 23px 12px; }\n .bpd-question { width: 100%; max-width: 100%; top: 0; padding: 16px; border-radius: 23px; font-size: 15px; }\n .bpd-thinking { left: 0; top: 88px; }\n .bpd-answer { left: 0; top: 88px; width: 100%; }\n .bpd-answer-copy { width: 100%; padding: 0; font-size: 13px; line-height: 1.42; }\n .bpd-answer.is-dense .bpd-answer-copy { font-size: 10.5px; line-height: 1.25; }\n .bpd-answer.is-dense .bpd-answer-copy p { margin-bottom: 6px; }\n .bpd-answer.is-network .bpd-answer-copy { font-size: 11px; line-height: 1.3; }\n .bpd-answer.is-network .bpd-answer-copy > p { margin-bottom: 4px; }\n .bpd-answer-copy table { margin: 6px 0; font-size: 9px; }\n .bpd-answer-copy th,\n .bpd-answer-copy td { padding: 4px 5px; }\n .bpd-source { left: 0; top: 225px; max-width: 100%; padding: 7px 9px; font-size: 10px; }\n .bpd-starters { right: 23px; left: 23px; bottom: 10px; gap: 8px; }\n .bpd-starters button { width: 100%; padding: 8px 14px; font-size: 13px; }\n .bpd-footer { padding: 0 23px 24px; }\n .bpd-footer > p { display: none; }\n .bpd-input { min-height: 100px; padding: 13px 14px 52px; border-radius: 25px; font-size: 15px; }\n .bpd-input-actions { right: 10px; bottom: 8px; }\n .bpd-round { width: 41px; height: 41px; }\n }\n\n\n \/* Kattint\u00e1sos demo: a tartalom hosszabb v\u00e1laszn\u00e1l is g\u00f6rgethet\u0151. *\/\n .bpd-demo [hidden] { display: none !important; }\n .bpd-content { display: flex; flex-direction: column; gap: 16px; min-height: 0; overflow-y: auto; padding-bottom: 16px; }\n \/* A besz\u00e9lget\u00e9s a panelen bel\u00fcl n\u0151, a fejl\u00e9c \u00e9s az input a hely\u00e9n marad. *\/\n .bpd-window { grid-template-rows: auto minmax(0, 1fr) auto; }\n .bpd-content { contain: size; overflow-anchor: none; overscroll-behavior-y: contain; }\n .bpd-turn { display: flex; flex-direction: column; gap: 16px; flex-shrink: 0; min-width: 0; }\n .bpd-hello { flex-shrink: 0; font-size: 14px; }\n .bpd-chat { position: static; padding-inline: 16px; display: flex; flex-direction: column; gap: 28px; flex-shrink: 0; }\n .bpd-question, .bpd-thinking, .bpd-answer, .bpd-source { position: static; flex-shrink: 0; }\n .bpd-question { padding-top: 12px; padding-bottom: 12px; margin-left: auto; overflow-wrap: anywhere; white-space: pre-wrap; }\n .bpd-thinking { align-self: flex-start; }\n .bpd-source { align-self: flex-start; }\n .bpd-starters { position: static; margin-top: auto; flex-shrink: 0; }\n .bpd-starters button { cursor: pointer; transition: background .18s ease; }\n .bpd-starters button:hover, .bpd-starters button:focus-visible { background: var(--line); color:#111;}\n .bpd-demo button:focus-visible { outline: 2px solid var(--purple); outline-offset: 3px; }\n .bpd-empty { margin: auto 0 8px; font-size: 14px; color: #686a85; }\n .bpd-demo #bpd-typed { display: block; width: 100%; min-height: 42px; margin: 0; padding: 0; resize: none; border: 0; border-radius: 0; box-shadow: none; background: transparent; color: var(--ink); font: inherit; line-height: 1.4; }\n .bpd-demo #bpd-typed,\n .bpd-demo #bpd-typed:focus,\n .bpd-demo #bpd-typed:focus-visible { min-width: 0; outline: none !important; border: 0 !important; box-shadow: none !important; }\n .bpd-input { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; padding: 16px; transition: border-color .18s ease; }\n .bpd-input:focus-within { border-color: #111111; }\n .bpd-input-actions { position: static; align-self: end; justify-self: end; }\n .bpd-demo #bpd-typed::placeholder { color: #a6a8be; opacity: 1; }\n .bpd-demo button.bpd-send { flex-shrink: 0; margin: 0; padding: 0; border: 0; background: var(--pink); cursor: pointer; }\n .bpd-demo button.bpd-send:disabled { opacity: .45; cursor: default; }\n @media (max-width: 767px) {\n .bpd-input { min-height: 0; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 12px 14px; }\n .bpd-hello,\n .bpd-starters button,\n .bpd-question,\n .bpd-answer-copy,\n .bpd-answer.is-dense .bpd-answer-copy,\n .bpd-answer.is-network .bpd-answer-copy,\n .bpd-answer-copy table,\n .bpd-empty,\n .bpd-input,\n .bpd-demo #bpd-typed { font-size: 13px; line-height: 1.42; }\n .bpd-demo #bpd-typed { min-height: 41px; }\n .bpd-answer-copy th:nth-child(2),\n .bpd-answer-copy th:nth-child(3),\n .bpd-answer-copy td:nth-child(2),\n .bpd-answer-copy td:nth-child(3) { width: auto; }\n .bpd-answer-copy th { overflow-wrap: anywhere; }\n\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bpd-demo * { animation-duration: .01ms !important; transition-duration: .01ms !important; }\n }\n<\/style>\n\n<script>\n(() => {\n const root = document.currentScript.previousElementSibling.previousElementSibling;\n if (!root || !root.classList.contains('bpd-demo')) return;\n\n const $ = selector => root.querySelector(selector);\n const ui = {\n agentName: $('#bpd-agent-name'),\n starters: $('#bpd-starters'), typed: $('#bpd-typed'), send: $('.bpd-send'),\n hello: $('.bpd-hello'), chat: $('.bpd-chat'), content: $('.bpd-content'), empty: $('.bpd-empty'),\n industryTabs: [...root.querySelectorAll('.bpd-industry-tab')],\n industrySelect: $('#bpd-industry-select')\n };\n\n const isSafari = \/^((?!chrome|android).)*safari\/i.test(navigator.userAgent);\n if (isSafari) {\n const widget = root.closest('.elementor-widget-html');\n const frame = widget?.parentElement;\n\n if (widget && frame) {\n const syncFramePadding = () => {\n const styles = getComputedStyle(frame);\n widget.style.setProperty('--bpd-frame-pad-top', styles.paddingTop);\n widget.style.setProperty('--bpd-frame-pad-right', styles.paddingRight);\n widget.style.setProperty('--bpd-frame-pad-bottom', styles.paddingBottom);\n widget.style.setProperty('--bpd-frame-pad-left', styles.paddingLeft);\n };\n\n frame.classList.add('bpd-safari-frame');\n widget.classList.add('bpd-safari-widget');\n window.addEventListener('resize', syncFramePadding, { passive: true });\n syncFramePadding();\n }\n }\n\n \/\/ A TranslatePress a kezd\u0151 HTML sz\u00f6vegeit ford\u00edtja le.\n \/\/ A dem\u00f3 mindig az aktu\u00e1lis DOM-b\u00f3l olvas, \u00edgy az esetleges k\u00e9s\u0151bbi ford\u00edt\u00e1st is l\u00e1tja.\n const industries = Object.fromEntries(\n [...root.querySelectorAll('.bpd-industry-data')].map(group => [\n group.dataset.industry,\n [...group.querySelectorAll('.bpd-scene')].map(node => ({\n get question() { return node.querySelector('.bpd-scene-question').textContent.trim(); },\n get answer() { return node.querySelector('.bpd-scene-answer').innerHTML; },\n get source() { return node.querySelector('.bpd-scene-source').textContent.trim(); }\n }))\n ])\n );\n let activeIndustry = 'hospitality';\n\n \/\/ A v\u00e1lasz megmarad. H\u00e1rom m\u00e1sodperc ut\u00e1n el\u0151ker\u00fclnek a tov\u00e1bbi p\u00e9ld\u00e1k.\n const NEXT_QUESTIONS_DELAY_MS = 3000;\n const used = new Set();\n const turnTemplate = ui.chat.cloneNode(true);\n turnTemplate.removeAttribute('hidden');\n turnTemplate.className = 'bpd-turn';\n turnTemplate.querySelectorAll('[id]').forEach(el => el.removeAttribute('id'));\n ui.chat.replaceChildren();\n let nextQuestionsTimer;\n let busy = false;\n let manuallyScrolled = false;\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n\n function show(element, visible) {\n element.hidden = !visible;\n element.classList.toggle('is-visible', visible);\n }\n\n function updateSend() {\n ui.send.disabled = busy || !ui.typed.value.trim();\n }\n\n function renderStarters() {\n const scenes = industries[activeIndustry];\n ui.starters.replaceChildren();\n scenes.forEach((scene, index) => {\n if (used.has(index)) return;\n const button = document.createElement('button');\n button.type = 'button';\n button.textContent = scene.question;\n button.addEventListener('click', () => play(scene, index));\n ui.starters.append(button);\n });\n ui.starters.hidden = used.size === scenes.length;\n ui.empty.hidden = used.size !== scenes.length;\n }\n\n function scrollToTurn(turn) {\n const top = ui.content.scrollTop + turn.getBoundingClientRect().top\n - ui.content.getBoundingClientRect().top - 8;\n ui.content.scrollTo({ top: Math.max(0, top), behavior: reducedMotion.matches ? 'auto' : 'smooth' });\n }\n\n function revealNextQuestions() {\n renderStarters();\n if (!manuallyScrolled) {\n \/\/ Kiz\u00e1r\u00f3lag a chat g\u00f6rget\u00e9se, az oldal poz\u00edci\u00f3ja nem v\u00e1ltozik.\n ui.content.scrollTo({ top: ui.content.scrollHeight, behavior: reducedMotion.matches ? 'auto' : 'smooth' });\n }\n }\n\n function appendTurn(question) {\n clearTimeout(nextQuestionsTimer);\n manuallyScrolled = false;\n ui.hello.hidden = true;\n ui.chat.hidden = false;\n ui.starters.hidden = true;\n ui.empty.hidden = true;\n const element = turnTemplate.cloneNode(true);\n const turn = {\n element,\n question: element.querySelector('.bpd-question'),\n thinking: element.querySelector('.bpd-thinking'),\n answer: element.querySelector('.bpd-answer'),\n answerCopy: element.querySelector('.bpd-answer-copy'),\n source: element.querySelector('.bpd-source'),\n sourceText: element.querySelector('.bpd-source span')\n };\n [turn.thinking, turn.answer, turn.source].forEach(el => show(el, false));\n turn.question.textContent = question;\n show(turn.question, true);\n ui.chat.append(element);\n return turn;\n }\n\n function play(scene, index) {\n if (busy || used.has(index)) return;\n busy = true;\n const turn = appendTurn(scene.question);\n show(turn.thinking, true);\n scrollToTurn(turn.element);\n updateSend();\n\n setTimeout(() => {\n show(turn.thinking, false);\n \/\/ Csak az el\u0151re r\u00f6gz\u00edtett demov\u00e1lasz ker\u00fcl HTML-k\u00e9nt az oldalba.\n turn.answerCopy.innerHTML = scene.answer;\n show(turn.answer, true);\n if (scene.source) {\n turn.sourceText.textContent = scene.source;\n show(turn.source, true);\n }\n used.add(index);\n busy = false;\n updateSend();\n if (!manuallyScrolled) scrollToTurn(turn.element);\n nextQuestionsTimer = setTimeout(revealNextQuestions, NEXT_QUESTIONS_DELAY_MS);\n }, 800);\n }\n\n function submitQuestion() {\n const question = ui.typed.value.trim();\n if (!question || busy) return;\n const turn = appendTurn(question);\n turn.answerCopy.textContent = root.querySelector(\n used.size === industries[activeIndustry].length\n ? '.bpd-fallback-exhausted'\n : '.bpd-fallback-pick'\n ).textContent.trim();\n show(turn.answer, true);\n ui.typed.value = '';\n renderStarters();\n scrollToTurn(turn.element);\n updateSend();\n nextQuestionsTimer = setTimeout(revealNextQuestions, NEXT_QUESTIONS_DELAY_MS);\n }\n\n function selectIndustry(industry) {\n if (busy || industry === activeIndustry) return;\n clearTimeout(nextQuestionsTimer);\n activeIndustry = industry;\n used.clear();\n manuallyScrolled = false;\n ui.chat.replaceChildren();\n ui.chat.hidden = true;\n ui.hello.hidden = false;\n ui.empty.hidden = true;\n ui.industryTabs.forEach(tab => {\n const selected = tab.dataset.industry === industry;\n tab.classList.toggle('is-active', selected);\n tab.setAttribute('aria-selected', String(selected));\n });\n if (ui.industrySelect) ui.industrySelect.value = industry;\n renderStarters();\n ui.content.scrollTo({ top: 0, behavior: reducedMotion.matches ? 'auto' : 'smooth' });\n }\n\n ui.industryTabs.forEach(tab => {\n tab.addEventListener('click', () => selectIndustry(tab.dataset.industry));\n });\n if (ui.industrySelect) {\n ui.industrySelect.addEventListener('change', () => selectIndustry(ui.industrySelect.value));\n }\n ui.send.addEventListener('click', submitQuestion);\n ui.typed.addEventListener('input', updateSend);\n ui.typed.addEventListener('keydown', event => {\n if (event.key === 'Enter' && !event.shiftKey && !event.isComposing) {\n event.preventDefault();\n submitQuestion();\n }\n });\n \/\/ Ha k\u00f6zben olvas\u00e1shoz k\u00e9zzel g\u00f6rgetnek, ne h\u00fazzuk el el\u0151l\u00fck a v\u00e1laszt.\n ui.content.addEventListener('wheel', () => { manuallyScrolled = true; }, { passive: true });\n ui.content.addEventListener('touchstart', () => { manuallyScrolled = true; }, { passive: true });\n ui.content.addEventListener('keydown', event => {\n if (['ArrowUp', 'ArrowDown', 'PageUp', 'PageDown', 'Home', 'End', ' '].includes(event.key)) {\n manuallyScrolled = true;\n }\n });\n\n \/\/ Nincs automatikus lej\u00e1tsz\u00e1s. Az el\u0151zm\u00e9nyek az oldal \u00fajrat\u00f6lt\u00e9s\u00e9ig megmaradnak.\n renderStarters();\n updateSend();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2203ec4 e-con-full e-flex e-con e-child\" data-id=\"2203ec4\" data-element_type=\"container\" data-e-type=\"container\" id=\"howitworks\" data-settings=\"{"background_background":"gradient"}\">\n\t\t<div class=\"elementor-element elementor-element-bf897cf e-flex e-con-boxed e-con e-child\" data-id=\"bf897cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fbd37a elementor-widget elementor-widget-heading\" data-id=\"7fbd37a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Amikor mindenki szeretn\u00e9 j\u00f3l csin\u00e1lni, de senki nem tudja pontosan hogyan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-416358b elementor-widget elementor-widget-heading\" data-id=\"416358b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Az inform\u00e1ci\u00f3s k\u00e1osz id\u0151vel a hat\u00e9konys\u00e1gon is megl\u00e1tszik. Nem az a probl\u00e9ma, hogy nincs 200 oldal dokument\u00e1ci\u00f3tok. Hanem hogy ugyanarra a k\u00e9rd\u00e9sre 4 ember 4 f\u00e9le v\u00e1laszt ad.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8ae041 e-con-full bubbles e-flex e-con e-child\" data-id=\"d8ae041\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"motion_fx_motion_fx_scrolling":"yes","background_background":"classic","motion_fx_devices":["desktop","tablet","mobile"]}\">\n\t\t<div class=\"elementor-element elementor-element-eb41b64 e-con-full e-flex e-con e-child\" data-id=\"eb41b64\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"motion_fx_motion_fx_scrolling":"yes","motion_fx_translateX_effect":"yes","motion_fx_translateX_speed":{"unit":"px","size":3,"sizes":[]},"motion_fx_translateX_affectedRange":{"unit":"%","size":"","sizes":{"start":10,"end":90}},"motion_fx_devices":["desktop","tablet","mobile"]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2168cea bubble elementor-widget elementor-widget-html\" data-id=\"2168cea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tHol vezessem a t\u00fal\u00f3r\u00e1im?\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5fa01c bubble elementor-widget elementor-widget-html\" data-id=\"b5fa01c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\u201c2 \u00e9ve m\u00e9g \u00fagy volt...\u201d\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54d71ee bubble elementor-widget elementor-widget-html\" data-id=\"54d71ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tugyanaz a k\u00e9rd\u00e9s \u00fajra meg \u00fajra\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e7d22c bubble elementor-widget elementor-widget-html\" data-id=\"3e7d22c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\u201ck\u00e9rdezd meg Zolit\u201d\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79cafed bubble elementor-widget elementor-widget-html\" data-id=\"79cafed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tfolyamatok Excelben\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db44165 bubble elementor-widget elementor-widget-html\" data-id=\"db44165\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tfontos inf\u00f3k Slack \u00fczenetekben\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bed1ffb bubble elementor-widget elementor-widget-html\" data-id=\"bed1ffb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tonboarding a fejben\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35bce45 bubble elementor-widget elementor-widget-html\" data-id=\"35bce45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tdokumentumok drive-ban\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15a4d24 bubble elementor-widget elementor-widget-html\" data-id=\"15a4d24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tKinek kell jeleznem ha beteg vagyok?\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a00bc2 bubble elementor-widget elementor-widget-html\" data-id=\"6a00bc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tMi a vend\u00e9g wifi?\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-510e1f7 e-con-full e-flex e-con e-child\" data-id=\"510e1f7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"motion_fx_motion_fx_scrolling":"yes","motion_fx_translateX_effect":"yes","motion_fx_translateX_direction":"negative","motion_fx_translateX_speed":{"unit":"px","size":3,"sizes":[]},"motion_fx_translateX_affectedRange":{"unit":"%","size":"","sizes":{"start":10,"end":90}},"motion_fx_devices":["desktop","tablet","mobile"]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0daa127 bubble elementor-widget elementor-widget-html\" data-id=\"0daa127\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tmindenki m\u00e1shogy tudja\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02700b4 bubble elementor-widget elementor-widget-html\" data-id=\"02700b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\u201caz intraneten van valahol\u201d\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-badd464 bubble elementor-widget elementor-widget-html\" data-id=\"badd464\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tKihez tartozik ez?\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-182a6b6 bubble elementor-widget elementor-widget-html\" data-id=\"182a6b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tEzt hogy szoktuk csin\u00e1lni?\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c9006d bubble elementor-widget elementor-widget-html\" data-id=\"7c9006d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tmegint ugyanaz a hiba\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4ddbda bubble elementor-widget elementor-widget-html\" data-id=\"b4ddbda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\u00faj koll\u00e9g\u00e1k elvesznek\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a117ff3 bubble elementor-widget elementor-widget-html\" data-id=\"a117ff3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\ta m\u0171k\u00f6d\u00e9s emberekhez k\u00f6t\u00f6tt\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ab9e7 bubble elementor-widget elementor-widget-html\" data-id=\"b0ab9e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tHol a Zoli?\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d57c340 bubble elementor-widget elementor-widget-html\" data-id=\"d57c340\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tKihez tartozik ez az \u00fcgyf\u00e9l?\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5446541 e-con-full e-flex e-con e-child\" data-id=\"5446541\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-549cc19 e-con-full icons_block e-flex e-con e-child\" data-id=\"549cc19\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-118d52e e-con-full e-flex e-con e-child\" data-id=\"118d52e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10cccd7 elementor-widget elementor-widget-heading\" data-id=\"10cccd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A haszn\u00e1lhat\u00f3 AI rendezett c\u00e9ges tud\u00e1ssal kezd\u0151dik<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24bcbe1 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"24bcbe1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" dir=\"auto\" data-start=\"310\" data-end=\"506\">Az ipar\u00e1gspecifikus bevezet\u00e9si folyamatunk sor\u00e1n gyorsan rendszerezz\u00fck a megl\u00e9v\u0151 c\u00e9ges tud\u00e1sotokat, \u00e9s olyan tud\u00e1sb\u00e1zist \u00e9p\u00edt\u00fcnk bel\u0151le, amelyb\u0151l a BeePT pontosan \u00e9s k\u00f6vetkezetesen tud v\u00e1laszolni. Nem m\u00e9g egy dokumentumt\u00e1r k\u00e9sz\u00fcl. <br \/><br \/><strong data-start=\"542\" data-end=\"631\">Olyan tud\u00e1sb\u00e1zis j\u00f6n l\u00e9tre, amit az emberek \u00e9s az AI is t\u00e9nylegesen haszn\u00e1lni tudnak.<\/strong><\/p><p dir=\"auto\" data-start=\"633\" data-end=\"709\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e08f1f e-con-full ikonok e-flex e-con e-child\" data-id=\"6e08f1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d236d86 e-con-full e-flex e-con e-child\" data-id=\"d236d86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b80d6a9 elementor-widget elementor-widget-html\" data-id=\"b80d6a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"hu\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <title>BeePT \u2013 Indig\u00f3 \u2013 100 \u00d7 100 px<\/title>\n <style>\n html, body { margin: 0; padding: 0; background: transparent; }\n\n \/* Fix 100 \u00d7 100 CSS-pixel. Nincs felirat \u00e9s nincs eg\u00e9r- vagy \u00e9rint\u00e9si reakci\u00f3. *\/\n .beept-orb-mini {\n --orb-indigo: #40438E;\n --orb-rose: #FF0048;\n --orb-yellow: #FFC40E;\n --orb-cyan: #95E5F9;\n --orb-mint: #81E3A5;\n --orb-mist: #979AB0;\n --orb-dominant: var(--orb-indigo);\n \/* Relat\u00edv sz\u00edns\u00falyok: 1 = eredeti ar\u00e1ny, nagyobb sz\u00e1m = er\u0151sebb jelenl\u00e9t. *\/\n --orb-weight-indigo: 1;\n --orb-weight-rose: 1;\n --orb-weight-yellow: 1;\n --orb-weight-cyan: 1;\n --orb-weight-mint: 1;\n --orb-weight-mist: 1;\n position: relative;\n display: block;\n box-sizing: border-box;\n width: 100px;\n height: 100px;\n min-width: 100px;\n max-width: 100px;\n min-height: 100px;\n max-height: 100px;\n flex: 0 0 100px;\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n border-radius: 50%;\n isolation: isolate;\n pointer-events: none;\n user-select: none;\n }\n\n \/* A f\u0151sz\u00edn minden p\u00e9ld\u00e1ny saj\u00e1t be\u00e1ll\u00edt\u00e1sa; a widgetek nem \u00edrj\u00e1k fel\u00fcl egym\u00e1st. *\/\n .beept-orb-mini[data-dominant=\"indigo\"] { --orb-dominant: var(--orb-indigo); }\n .beept-orb-mini[data-dominant=\"rose\"] { --orb-dominant: var(--orb-rose); }\n .beept-orb-mini[data-dominant=\"cyan\"] { --orb-dominant: var(--orb-cyan); }\n .beept-orb-mini[data-dominant=\"mint\"] { --orb-dominant: var(--orb-mint); }\n\n .beept-orb-mini__canvas {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__canvas { opacity: 1; }\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__fallback { display: none; }\n\n .beept-orb-mini__fallback {\n position: absolute;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n border-radius: inherit;\n background: var(--orb-dominant);\n }\n\n .beept-orb-mini__cloud {\n position: absolute;\n inset: -30%;\n background:\n radial-gradient(ellipse at 22% 46%, var(--orb-yellow) 0, var(--orb-rose) clamp(3%, calc(9% * var(--orb-weight-yellow)), 18%), transparent clamp(12%, calc(32% * var(--orb-weight-rose)), 72%)),\n radial-gradient(ellipse at 72% 32%, var(--orb-cyan) 0, transparent clamp(12%, calc(41% * var(--orb-weight-cyan)), 78%)),\n radial-gradient(ellipse at 65% 78%, var(--orb-mint) 0, transparent clamp(8%, calc(24% * var(--orb-weight-mint)), 75%)),\n radial-gradient(ellipse at 40% 70%, var(--orb-mist) 0, var(--orb-dominant) 52%);\n filter: blur(4px);\n animation: beept-mini-idle-drift 18s ease-in-out infinite alternate;\n will-change: transform;\n }\n\n .beept-orb-mini__cloud--second {\n background:\n radial-gradient(ellipse at 35% 30%, var(--orb-rose) 0, transparent clamp(8%, calc(25% * var(--orb-weight-rose)), 60%)),\n radial-gradient(ellipse at 65% 66%, var(--orb-cyan) 0, transparent clamp(12%, calc(40% * var(--orb-weight-cyan)), 70%));\n opacity: .55;\n animation-name: beept-mini-idle-fold;\n animation-duration: 14s;\n }\n\n .beept-orb-mini__fallback::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--orb-dominant);\n opacity: .6;\n pointer-events: none;\n }\n\n .beept-orb-mini__grain {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: .14;\n mix-blend-mode: soft-light;\n }\n\n @keyframes beept-mini-idle-drift {\n 0% { transform: rotate(-12deg) scale(1.08) translate(-3%, 1%); }\n 38% { transform: rotate(19deg) scale(1.2, .95) translate(2%, -3%); }\n 65% { transform: rotate(58deg) scale(.95, 1.15) translate(-2%, 4%); }\n 100% { transform: rotate(100deg) scale(1.1) translate(3%, -2%); }\n }\n\n @keyframes beept-mini-idle-fold {\n 0% { transform: rotate(0) scale(1.15, .9) translate(5%, -5%); }\n 50% { transform: rotate(-50deg) scale(.9, 1.15) translate(-8%, 8%); }\n 100% { transform: rotate(-115deg) scale(1.2, .95) translate(4%, 2%); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .beept-orb-mini__cloud { animation-play-state: paused; }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"beept-orb-mini\" data-dominant=\"indigo\" data-phase=\"0.6\" role=\"img\" aria-label=\"Indig\u00f3 dominanci\u00e1j\u00fa, \u00e1raml\u00f3 sz\u00ednes k\u00f6r.\">\n <span class=\"beept-orb-mini__fallback\" aria-hidden=\"true\">\n <span class=\"beept-orb-mini__cloud\"><\/span>\n <span class=\"beept-orb-mini__cloud beept-orb-mini__cloud--second\"><\/span>\n <svg class=\"beept-orb-mini__grain\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <filter id=\"beept-grain-mini\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\".85\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\n <feColorMatrix type=\"saturate\" values=\"0\"\/>\n <\/filter>\n <rect width=\"100%\" height=\"100%\" filter=\"url(#beept-grain-mini)\"\/>\n <\/svg>\n <\/span>\n <canvas class=\"beept-orb-mini__canvas\" aria-hidden=\"true\"><\/canvas>\n <\/div>\n <script>\n (() => {\n 'use strict';\n\n \/\/ Az oldal \u00f6sszes k\u00f6re saj\u00e1t anim\u00e1ci\u00f3t kap, a duplik\u00e1lt widgetek is.\n \/\/ Ugyanennek a scriptnek az ism\u00e9telt bet\u00f6lt\u00e9se nem ind\u00edt \u00fajra m\u00e1r fut\u00f3 k\u00f6r\u00f6ket.\n const RUNTIME_KEY = '__beeptOrbMiniDominantRuntimeV1';\n if (window[RUNTIME_KEY]) {\n window[RUNTIME_KEY].scan();\n return;\n }\n\n const instances = new Map();\n let serial = 0;\n let scanQueued = false;\n\n function createOrb(root, canvas) {\n delete root.dataset.renderer;\n const filter = root.querySelector('.beept-orb-mini__grain filter');\n const grainRect = root.querySelector('.beept-orb-mini__grain rect');\n if (filter && grainRect) {\n const filterId = 'beept-grain-mini-auto-' + (++serial);\n filter.id = filterId;\n grainRect.setAttribute('filter', 'url(#' + filterId + ')');\n }\n\n\n \/*\n * \u00d6n\u00e1ll\u00f3, h\u00e1l\u00f3zati k\u00e9r\u00e9s \u00e9s k\u00fcls\u0151 k\u00f6nyvt\u00e1r n\u00e9lk\u00fcl fut\u00f3 anim\u00e1ci\u00f3.\n * A sebess\u00e9get \u00e9s a szemcs\u00e9zetts\u00e9get itt lehet finomhangolni.\n *\/\n const SETTINGS = {\n speed: 1.70, \/\/ Az el\u0151z\u0151 0.85 \u00e9rt\u00e9k k\u00e9tszerese.\n grain: 0.07, \/\/ 0: sima fel\u00fclet; 0.10 k\u00f6r\u00fcl: finom szemcs\u00e9k\n\n maxResolution: 300, \/\/ Bels\u0151 felbont\u00e1s fels\u0151 hat\u00e1ra\n maxPixelRatio: 3\n };\n\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n const gl = canvas.getContext('webgl', {\n alpha: true,\n antialias: false,\n depth: false,\n stencil: false,\n premultipliedAlpha: false,\n powerPreference: 'low-power'\n });\n\n const vertexSource = `\n attribute vec2 a_position;\n varying vec2 v_uv;\n void main() {\n v_uv = a_position;\n gl_Position = vec4(a_position, 0.0, 1.0);\n }\n `;\n\n const fragmentSource = `\n precision highp float;\n varying vec2 v_uv;\n uniform float u_time;\n uniform float u_resolution;\n uniform float u_grain;\n\n uniform vec3 u_indigo;\n uniform vec3 u_rose;\n uniform vec3 u_yellow;\n uniform vec3 u_cyan;\n uniform vec3 u_mint;\n uniform vec3 u_mist;\n uniform vec3 u_dominant;\n \/\/ K\u00e9t h\u00e1rmas: indig\u00f3\/piros\/s\u00e1rga \u00e9s vil\u00e1gosk\u00e9k\/menta\/sz\u00fcrke.\n uniform vec3 u_weightsA;\n uniform vec3 u_weightsB;\n\n float hash(vec3 p) {\n p = fract(p * 0.1031);\n p += dot(p, p.yzx + 33.33);\n return fract((p.x + p.y) * p.z);\n }\n\n \/\/ Folytonos, h\u00e1romdimenzi\u00f3s \u00e9rt\u00e9kzaj, sima interpol\u00e1ci\u00f3val.\n float noise(vec3 p) {\n vec3 i = floor(p);\n vec3 f = fract(p);\n f = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n return mix(\n mix(mix(hash(i), hash(i + vec3(1,0,0)), f.x),\n mix(hash(i + vec3(0,1,0)), hash(i + vec3(1,1,0)), f.x), f.y),\n mix(mix(hash(i + vec3(0,0,1)), hash(i + vec3(1,0,1)), f.x),\n mix(hash(i + vec3(0,1,1)), hash(i + vec3(1,1,1)), f.x), f.y),\n f.z\n ) * 2.0 - 1.0;\n }\n\n mat2 rotate(float a) {\n float s = sin(a), c = cos(a);\n return mat2(c, -s, s, c);\n }\n\n void main() {\n vec2 uv = v_uv;\n float r = length(uv);\n float edge = 1.0 - smoothstep(1.0 - 2.0 \/ u_resolution, 1.0, r);\n if (edge <= 0.0) { gl_FragColor = vec4(0.0); return; }\n\n float t = u_time;\n float z = sqrt(max(0.0, 1.0 - dot(uv, uv)));\n vec3 p = vec3(uv * 1.35, z * 0.7);\n p.xy = rotate(0.13 * t + 0.14 * sin(t * 0.29)) * p.xy;\n p.xz = rotate(0.1 * sin(t * 0.22)) * p.xz;\n\n vec3 warp = vec3(\n noise(p * 1.35 + vec3(0.0, 0.0, t * 0.13)),\n noise(p * 1.35 + vec3(5.2, 1.3, -t * 0.11)),\n noise(p * 1.35 + vec3(-4.0, 8.2, t * 0.1))\n );\n vec3 q = p + warp * 0.72;\n float flow = noise(q * 1.55 + vec3(1.7, 3.8, t * 0.1));\n float folds = noise(q * 2.45 + vec3(7.8, 0.2, -t * 0.08));\n float softness = noise(q * 1.25 + vec3(2.4, 9.3, t * 0.08));\n\n \/\/ Az eredeti, mozg\u00f3 foltok sz\u00ednenk\u00e9nti hozz\u00e1j\u00e1rul\u00e1sa.\n float cool = smoothstep(-0.28, 0.70, q.x * 0.45 + softness * 0.70);\n float warm = smoothstep(0.02, 0.78, -q.x * 0.50 + flow * 0.70);\n float glow = smoothstep(-0.35, 0.60, folds * 0.65 + q.y * 0.25);\n float mintPatch = smoothstep(0.24, 0.77, folds * 0.8 - q.y * 0.38);\n float ribbon = 1.0 - smoothstep(0.01, 0.23, abs(flow + q.y * 0.28 + 0.14));\n float aMist = glow * 0.36;\n float aCyan = cool * 0.92;\n float aMint = mintPatch * cool * 0.84;\n float aRose = warm * 0.96;\n float aYellow = ribbon * pow(warm, 1.4) * 0.85;\n\n float underneath = (1.0 - aRose) * (1.0 - aYellow);\n float base = (1.0 - aCyan) * (1.0 - aMint) * underneath;\n vec3 weightsA = vec3((1.0 - aMist) * base,\n aRose * (1.0 - aYellow), aYellow) * u_weightsA;\n vec3 weightsB = vec3(aCyan * (1.0 - aMint) * underneath,\n aMint * underneath, aMist * base) * u_weightsB;\n float total = dot(weightsA + weightsB, vec3(1.0));\n vec3 color = (u_indigo * weightsA.x + u_rose * weightsA.y\n + u_yellow * weightsA.z + u_cyan * weightsB.x\n + u_mint * weightsB.y + u_mist * weightsB.z) \/ max(total, 0.0001);\n\n \/\/ Domin\u00e1ns f\u0151sz\u00edn, finom bels\u0151 \u00e1raml\u00e1ssal.\n vec3 dominantSurface = mix(u_dominant, color, 0.08 + glow * 0.12);\n\n \/\/ Egy keskeny, hull\u00e1mz\u00f3 s\u00e1vban el\u0151t\u0171nnek a paletta t\u00f6bbi sz\u00ednei.\n \/\/ A s\u00e1von k\u00edv\u00fcl minden k\u00e9pkock\u00e1n a v\u00e1lasztott f\u0151sz\u00edn a leger\u0151sebb.\n vec2 bandUv = rotate(0.15 * t + 0.3) * uv;\n float bend = 0.36 * noise(vec3(bandUv.y * 1.8, t * 0.12, 4.3));\n float distanceToBand = abs(bandUv.x + bend - 0.16 * sin(t * 0.19));\n float accent = 1.0 - smoothstep(0.10, 0.39, distanceToBand);\n color = mix(dominantSurface, color, accent * 0.96);\n\n \/\/ Visszafogott t\u00e9rbelis\u00e9g: nincs er\u0151s peremf\u00e9ny vagy k\u00fcls\u0151 \u00e1rny\u00e9k.\n float light = 0.96 + 0.055 * z + 0.025 * dot(uv, vec2(-0.7, 0.6));\n color *= light;\n float grain = hash(vec3(gl_FragCoord.xy, 13.7)) - 0.5;\n color += grain * u_grain;\n gl_FragColor = vec4(clamp(color, 0.0, 1.0), edge);\n }\n `;\n\n let program;\n let buffer;\n let uniforms;\n let ready = false;\n let animationFrame = 0;\n let previousTime = null;\n let elapsed = 0;\n const initialPhase = Number.parseFloat(root.dataset.phase);\n let phase = Number.isFinite(initialPhase) ? initialPhase : 0.6;\n let inView = true;\n let destroyed = false;\n let resizeObserver = null;\n let intersectionObserver = null;\n let appearanceObserver = null;\n\n function paletteColor(name) {\n const hex = getComputedStyle(root).getPropertyValue('--orb-' + name).trim().replace('#', '');\n const value = Number.parseInt(hex, 16);\n return [(value >> 16 & 255) \/ 255, (value >> 8 & 255) \/ 255, (value & 255) \/ 255];\n }\n\n function applyAppearance() {\n if (!ready || destroyed || !gl || gl.isContextLost()) return;\n const style = getComputedStyle(root);\n const names = ['indigo', 'rose', 'yellow', 'cyan', 'mint', 'mist'];\n const weights = names.map((name) => {\n const value = Number.parseFloat(style.getPropertyValue('--orb-weight-' + name));\n return Number.isFinite(value) ? Math.max(0.01, Math.min(20, value)) : 1;\n });\n names.forEach((name) => {\n gl.uniform3f(gl.getUniformLocation(program, 'u_' + name), ...paletteColor(name));\n });\n const dominant = names.includes(root.dataset.dominant) ? root.dataset.dominant : 'indigo';\n gl.uniform3f(uniforms.dominant, ...paletteColor(dominant));\n gl.uniform3f(uniforms.weightsA, ...weights.slice(0, 3));\n gl.uniform3f(uniforms.weightsB, ...weights.slice(3));\n }\n\n function compile(type, source) {\n const shader = gl.createShader(type);\n gl.shaderSource(shader, source);\n gl.compileShader(shader);\n if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n const message = gl.getShaderInfoLog(shader);\n gl.deleteShader(shader);\n throw new Error(message || 'A shader nem ford\u00edthat\u00f3 le.');\n }\n return shader;\n }\n\n function initialize() {\n const vertex = compile(gl.VERTEX_SHADER, vertexSource);\n const fragment = compile(gl.FRAGMENT_SHADER, fragmentSource);\n program = gl.createProgram();\n gl.attachShader(program, vertex);\n gl.attachShader(program, fragment);\n gl.linkProgram(program);\n gl.deleteShader(vertex);\n gl.deleteShader(fragment);\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n throw new Error(gl.getProgramInfoLog(program) || 'A program nem kapcsolhat\u00f3 \u00f6ssze.');\n }\n gl.useProgram(program);\n buffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);\n const position = gl.getAttribLocation(program, 'a_position');\n gl.enableVertexAttribArray(position);\n gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n uniforms = {\n time: gl.getUniformLocation(program, 'u_time'),\n resolution: gl.getUniformLocation(program, 'u_resolution'),\n grain: gl.getUniformLocation(program, 'u_grain'),\n weightsA: gl.getUniformLocation(program, 'u_weightsA'),\n weightsB: gl.getUniformLocation(program, 'u_weightsB'),\n dominant: gl.getUniformLocation(program, 'u_dominant')\n };\n gl.uniform1f(uniforms.grain, SETTINGS.grain);\n ready = true;\n applyAppearance();\n resize();\n root.dataset.renderer = 'webgl';\n }\n\n function draw() {\n if (destroyed || !ready || gl.isContextLost()) return;\n gl.uniform1f(uniforms.time, phase);\n\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n }\n\n function resize() {\n\n if (destroyed || !ready) return;\n const width = root.getBoundingClientRect().width;\n const pixelRatio = Math.min(window.devicePixelRatio || 1, SETTINGS.maxPixelRatio);\n const size = Math.max(1, Math.min(SETTINGS.maxResolution, Math.round(width * pixelRatio)));\n if (canvas.width !== size || canvas.height !== size) {\n canvas.width = canvas.height = size;\n }\n gl.viewport(0, 0, size, size);\n gl.uniform1f(uniforms.resolution, size);\n draw();\n }\n\n function stop() {\n cancelAnimationFrame(animationFrame);\n animationFrame = 0;\n previousTime = null;\n }\n\n function shouldAnimate() {\n return !destroyed && ready && inView && !document.hidden && !reducedMotion.matches;\n }\n\n function tick(now) {\n animationFrame = 0;\n if (!shouldAnimate()) { previousTime = null; return; }\n const delta = previousTime === null ? 0 : Math.min((now - previousTime) \/ 1000, 0.06);\n previousTime = now;\n elapsed += delta;\n\n \/\/ Folyamatos temp\u00f3v\u00e1lt\u00e1s: hosszabb nyugodt r\u00e9szek \u00e9s r\u00f6vid \u00e9l\u00e9nk\u00fcl\u00e9sek.\n \/\/ Az id\u0151 integr\u00e1l\u00e1sa megakad\u00e1lyozza a hirtelen ugr\u00e1st vagy visszafordul\u00e1st.\n const swell = 0.5 + 0.5 * Math.sin(elapsed * 0.29 + 0.8 * Math.sin(elapsed * 0.11));\n const tempo = 0.22 + 0.68 * swell * swell * swell;\n phase += delta * tempo * SETTINGS.speed;\n draw();\n animationFrame = requestAnimationFrame(tick);\n }\n\n function syncPlayback() {\n if (shouldAnimate()) {\n if (!animationFrame) animationFrame = requestAnimationFrame(tick);\n } else {\n stop();\n draw();\n }\n root.querySelectorAll('.beept-orb-mini__cloud').forEach((cloud) => {\n cloud.style.animationPlayState = (!document.hidden && inView && !reducedMotion.matches) ? 'running' : 'paused';\n });\n }\n\n function onContextLost(event) {\n event.preventDefault();\n ready = false;\n stop();\n delete root.dataset.renderer;\n syncPlayback();\n }\n\n function onContextRestored() {\n try {\n initialize();\n syncPlayback();\n } catch (error) {\n ready = false;\n delete root.dataset.renderer;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n }\n\n canvas.addEventListener('webglcontextlost', onContextLost);\n canvas.addEventListener('webglcontextrestored', onContextRestored);\n\n try {\n if (gl) initialize();\n } catch (error) {\n ready = false;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n\n if ('ResizeObserver' in window) {\n resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(root);\n }\n window.addEventListener('resize', resize, { passive: true });\n document.addEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.addEventListener) reducedMotion.addEventListener('change', syncPlayback);\n else reducedMotion.addListener(syncPlayback);\n\n if ('IntersectionObserver' in window) {\n intersectionObserver = new IntersectionObserver(([entry]) => {\n inView = entry.isIntersecting;\n syncPlayback();\n }, { threshold: 0 });\n intersectionObserver.observe(root);\n }\n\n if ('MutationObserver' in window) {\n appearanceObserver = new MutationObserver(() => {\n applyAppearance();\n draw();\n });\n appearanceObserver.observe(root, {\n attributes: true,\n attributeFilter: ['data-dominant', 'style', 'class']\n });\n }\n\n syncPlayback();\n\n return {\n canvas,\n destroy() {\n destroyed = true;\n ready = false;\n stop();\n if (resizeObserver) resizeObserver.disconnect();\n if (intersectionObserver) intersectionObserver.disconnect();\n if (appearanceObserver) appearanceObserver.disconnect();\n window.removeEventListener('resize', resize);\n document.removeEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.removeEventListener) reducedMotion.removeEventListener('change', syncPlayback);\n else reducedMotion.removeListener(syncPlayback);\n canvas.removeEventListener('webglcontextlost', onContextLost);\n canvas.removeEventListener('webglcontextrestored', onContextRestored);\n if (gl && !gl.isContextLost()) {\n if (buffer) gl.deleteBuffer(buffer);\n if (program) gl.deleteProgram(program);\n const loseContext = gl.getExtension('WEBGL_lose_context');\n if (loseContext) loseContext.loseContext();\n }\n }\n };\n\n }\n\n function scan() {\n instances.forEach((instance, root) => {\n if (!root.isConnected || root.querySelector('.beept-orb-mini__canvas') !== instance.canvas) {\n instance.destroy();\n instances.delete(root);\n }\n });\n\n document.querySelectorAll('.beept-orb-mini').forEach((root) => {\n if (instances.has(root)) return;\n const canvas = root.querySelector('.beept-orb-mini__canvas');\n if (!canvas) return;\n try {\n instances.set(root, createOrb(root, canvas));\n } catch (error) {\n delete root.dataset.renderer;\n console.warn('A BeePT k\u00f6r ind\u00edt\u00e1sa nem siker\u00fclt.', error);\n }\n });\n }\n\n function queueScan() {\n if (scanQueued) return;\n scanQueued = true;\n queueMicrotask(() => {\n scanQueued = false;\n scan();\n });\n }\n\n window[RUNTIME_KEY] = { scan };\n scan();\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', scan, { once: true });\n }\n\n \/\/ Kezeli a szerkeszt\u0151ben hozz\u00e1adott, duplik\u00e1lt \u00e9s \u00fajrarajzolt HTML-blokkokat is.\n if ('MutationObserver' in window) {\n const observer = new MutationObserver(queueScan);\n observer.observe(document.documentElement, { childList: true, subtree: true });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec07d46 elementor-widget elementor-widget-heading\" data-id=\"ec07d46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">A saj\u00e1t tud\u00e1sotokb\u00f3l v\u00e1laszol<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddb541c elementor-widget elementor-widget-text-editor\" data-id=\"ddb541c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Nem az internetr\u0151l tal\u00e1lgatja ki, n\u00e1latok hogyan m\u0171k\u00f6dik valami.\u200b<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2aefb6 e-con-full e-flex e-con e-child\" data-id=\"c2aefb6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04075bd elementor-widget elementor-widget-html\" data-id=\"04075bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"hu\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <title>BeePT \u2013 Piros \u2013 100 \u00d7 100 px<\/title>\n <style>\n html, body { margin: 0; padding: 0; background: transparent; }\n\n \/* Fix 100 \u00d7 100 CSS-pixel. Nincs felirat \u00e9s nincs eg\u00e9r- vagy \u00e9rint\u00e9si reakci\u00f3. *\/\n .beept-orb-mini {\n --orb-indigo: #40438E;\n --orb-rose: #FF0048;\n --orb-yellow: #FFC40E;\n --orb-cyan: #95E5F9;\n --orb-mint: #81E3A5;\n --orb-mist: #979AB0;\n --orb-dominant: var(--orb-indigo);\n \/* Relat\u00edv sz\u00edns\u00falyok: 1 = eredeti ar\u00e1ny, nagyobb sz\u00e1m = er\u0151sebb jelenl\u00e9t. *\/\n --orb-weight-indigo: 1;\n --orb-weight-rose: 1;\n --orb-weight-yellow: 1;\n --orb-weight-cyan: 1;\n --orb-weight-mint: 1;\n --orb-weight-mist: 1;\n position: relative;\n display: block;\n box-sizing: border-box;\n width: 100px;\n height: 100px;\n min-width: 100px;\n max-width: 100px;\n min-height: 100px;\n max-height: 100px;\n flex: 0 0 100px;\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n border-radius: 50%;\n isolation: isolate;\n pointer-events: none;\n user-select: none;\n }\n\n \/* A f\u0151sz\u00edn minden p\u00e9ld\u00e1ny saj\u00e1t be\u00e1ll\u00edt\u00e1sa; a widgetek nem \u00edrj\u00e1k fel\u00fcl egym\u00e1st. *\/\n .beept-orb-mini[data-dominant=\"indigo\"] { --orb-dominant: var(--orb-indigo); }\n .beept-orb-mini[data-dominant=\"rose\"] { --orb-dominant: var(--orb-rose); }\n .beept-orb-mini[data-dominant=\"cyan\"] { --orb-dominant: var(--orb-cyan); }\n .beept-orb-mini[data-dominant=\"mint\"] { --orb-dominant: var(--orb-mint); }\n\n .beept-orb-mini__canvas {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__canvas { opacity: 1; }\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__fallback { display: none; }\n\n .beept-orb-mini__fallback {\n position: absolute;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n border-radius: inherit;\n background: var(--orb-dominant);\n }\n\n .beept-orb-mini__cloud {\n position: absolute;\n inset: -30%;\n background:\n radial-gradient(ellipse at 22% 46%, var(--orb-yellow) 0, var(--orb-rose) clamp(3%, calc(9% * var(--orb-weight-yellow)), 18%), transparent clamp(12%, calc(32% * var(--orb-weight-rose)), 72%)),\n radial-gradient(ellipse at 72% 32%, var(--orb-cyan) 0, transparent clamp(12%, calc(41% * var(--orb-weight-cyan)), 78%)),\n radial-gradient(ellipse at 65% 78%, var(--orb-mint) 0, transparent clamp(8%, calc(24% * var(--orb-weight-mint)), 75%)),\n radial-gradient(ellipse at 40% 70%, var(--orb-mist) 0, var(--orb-dominant) 52%);\n filter: blur(4px);\n animation: beept-mini-idle-drift 18s ease-in-out infinite alternate;\n will-change: transform;\n }\n\n .beept-orb-mini__cloud--second {\n background:\n radial-gradient(ellipse at 35% 30%, var(--orb-rose) 0, transparent clamp(8%, calc(25% * var(--orb-weight-rose)), 60%)),\n radial-gradient(ellipse at 65% 66%, var(--orb-cyan) 0, transparent clamp(12%, calc(40% * var(--orb-weight-cyan)), 70%));\n opacity: .55;\n animation-name: beept-mini-idle-fold;\n animation-duration: 14s;\n }\n\n .beept-orb-mini__fallback::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--orb-dominant);\n opacity: .6;\n pointer-events: none;\n }\n\n .beept-orb-mini__grain {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: .14;\n mix-blend-mode: soft-light;\n }\n\n @keyframes beept-mini-idle-drift {\n 0% { transform: rotate(-12deg) scale(1.08) translate(-3%, 1%); }\n 38% { transform: rotate(19deg) scale(1.2, .95) translate(2%, -3%); }\n 65% { transform: rotate(58deg) scale(.95, 1.15) translate(-2%, 4%); }\n 100% { transform: rotate(100deg) scale(1.1) translate(3%, -2%); }\n }\n\n @keyframes beept-mini-idle-fold {\n 0% { transform: rotate(0) scale(1.15, .9) translate(5%, -5%); }\n 50% { transform: rotate(-50deg) scale(.9, 1.15) translate(-8%, 8%); }\n 100% { transform: rotate(-115deg) scale(1.2, .95) translate(4%, 2%); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .beept-orb-mini__cloud { animation-play-state: paused; }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"beept-orb-mini\" data-dominant=\"rose\" data-phase=\"8.3\" role=\"img\" aria-label=\"Piros dominanci\u00e1j\u00fa, \u00e1raml\u00f3 sz\u00ednes k\u00f6r.\">\n <span class=\"beept-orb-mini__fallback\" aria-hidden=\"true\">\n <span class=\"beept-orb-mini__cloud\"><\/span>\n <span class=\"beept-orb-mini__cloud beept-orb-mini__cloud--second\"><\/span>\n <svg class=\"beept-orb-mini__grain\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <filter id=\"beept-grain-mini\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\".85\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\n <feColorMatrix type=\"saturate\" values=\"0\"\/>\n <\/filter>\n <rect width=\"100%\" height=\"100%\" filter=\"url(#beept-grain-mini)\"\/>\n <\/svg>\n <\/span>\n <canvas class=\"beept-orb-mini__canvas\" aria-hidden=\"true\"><\/canvas>\n <\/div>\n <script>\n (() => {\n 'use strict';\n\n \/\/ Az oldal \u00f6sszes k\u00f6re saj\u00e1t anim\u00e1ci\u00f3t kap, a duplik\u00e1lt widgetek is.\n \/\/ Ugyanennek a scriptnek az ism\u00e9telt bet\u00f6lt\u00e9se nem ind\u00edt \u00fajra m\u00e1r fut\u00f3 k\u00f6r\u00f6ket.\n const RUNTIME_KEY = '__beeptOrbMiniDominantRuntimeV1';\n if (window[RUNTIME_KEY]) {\n window[RUNTIME_KEY].scan();\n return;\n }\n\n const instances = new Map();\n let serial = 0;\n let scanQueued = false;\n\n function createOrb(root, canvas) {\n delete root.dataset.renderer;\n const filter = root.querySelector('.beept-orb-mini__grain filter');\n const grainRect = root.querySelector('.beept-orb-mini__grain rect');\n if (filter && grainRect) {\n const filterId = 'beept-grain-mini-auto-' + (++serial);\n filter.id = filterId;\n grainRect.setAttribute('filter', 'url(#' + filterId + ')');\n }\n\n\n \/*\n * \u00d6n\u00e1ll\u00f3, h\u00e1l\u00f3zati k\u00e9r\u00e9s \u00e9s k\u00fcls\u0151 k\u00f6nyvt\u00e1r n\u00e9lk\u00fcl fut\u00f3 anim\u00e1ci\u00f3.\n * A sebess\u00e9get \u00e9s a szemcs\u00e9zetts\u00e9get itt lehet finomhangolni.\n *\/\n const SETTINGS = {\n speed: 1.70, \/\/ Az el\u0151z\u0151 0.85 \u00e9rt\u00e9k k\u00e9tszerese.\n grain: 0.07, \/\/ 0: sima fel\u00fclet; 0.10 k\u00f6r\u00fcl: finom szemcs\u00e9k\n\n maxResolution: 300, \/\/ Bels\u0151 felbont\u00e1s fels\u0151 hat\u00e1ra\n maxPixelRatio: 3\n };\n\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n const gl = canvas.getContext('webgl', {\n alpha: true,\n antialias: false,\n depth: false,\n stencil: false,\n premultipliedAlpha: false,\n powerPreference: 'low-power'\n });\n\n const vertexSource = `\n attribute vec2 a_position;\n varying vec2 v_uv;\n void main() {\n v_uv = a_position;\n gl_Position = vec4(a_position, 0.0, 1.0);\n }\n `;\n\n const fragmentSource = `\n precision highp float;\n varying vec2 v_uv;\n uniform float u_time;\n uniform float u_resolution;\n uniform float u_grain;\n\n uniform vec3 u_indigo;\n uniform vec3 u_rose;\n uniform vec3 u_yellow;\n uniform vec3 u_cyan;\n uniform vec3 u_mint;\n uniform vec3 u_mist;\n uniform vec3 u_dominant;\n \/\/ K\u00e9t h\u00e1rmas: indig\u00f3\/piros\/s\u00e1rga \u00e9s vil\u00e1gosk\u00e9k\/menta\/sz\u00fcrke.\n uniform vec3 u_weightsA;\n uniform vec3 u_weightsB;\n\n float hash(vec3 p) {\n p = fract(p * 0.1031);\n p += dot(p, p.yzx + 33.33);\n return fract((p.x + p.y) * p.z);\n }\n\n \/\/ Folytonos, h\u00e1romdimenzi\u00f3s \u00e9rt\u00e9kzaj, sima interpol\u00e1ci\u00f3val.\n float noise(vec3 p) {\n vec3 i = floor(p);\n vec3 f = fract(p);\n f = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n return mix(\n mix(mix(hash(i), hash(i + vec3(1,0,0)), f.x),\n mix(hash(i + vec3(0,1,0)), hash(i + vec3(1,1,0)), f.x), f.y),\n mix(mix(hash(i + vec3(0,0,1)), hash(i + vec3(1,0,1)), f.x),\n mix(hash(i + vec3(0,1,1)), hash(i + vec3(1,1,1)), f.x), f.y),\n f.z\n ) * 2.0 - 1.0;\n }\n\n mat2 rotate(float a) {\n float s = sin(a), c = cos(a);\n return mat2(c, -s, s, c);\n }\n\n void main() {\n vec2 uv = v_uv;\n float r = length(uv);\n float edge = 1.0 - smoothstep(1.0 - 2.0 \/ u_resolution, 1.0, r);\n if (edge <= 0.0) { gl_FragColor = vec4(0.0); return; }\n\n float t = u_time;\n float z = sqrt(max(0.0, 1.0 - dot(uv, uv)));\n vec3 p = vec3(uv * 1.35, z * 0.7);\n p.xy = rotate(0.13 * t + 0.14 * sin(t * 0.29)) * p.xy;\n p.xz = rotate(0.1 * sin(t * 0.22)) * p.xz;\n\n vec3 warp = vec3(\n noise(p * 1.35 + vec3(0.0, 0.0, t * 0.13)),\n noise(p * 1.35 + vec3(5.2, 1.3, -t * 0.11)),\n noise(p * 1.35 + vec3(-4.0, 8.2, t * 0.1))\n );\n vec3 q = p + warp * 0.72;\n float flow = noise(q * 1.55 + vec3(1.7, 3.8, t * 0.1));\n float folds = noise(q * 2.45 + vec3(7.8, 0.2, -t * 0.08));\n float softness = noise(q * 1.25 + vec3(2.4, 9.3, t * 0.08));\n\n \/\/ Az eredeti, mozg\u00f3 foltok sz\u00ednenk\u00e9nti hozz\u00e1j\u00e1rul\u00e1sa.\n float cool = smoothstep(-0.28, 0.70, q.x * 0.45 + softness * 0.70);\n float warm = smoothstep(0.02, 0.78, -q.x * 0.50 + flow * 0.70);\n float glow = smoothstep(-0.35, 0.60, folds * 0.65 + q.y * 0.25);\n float mintPatch = smoothstep(0.24, 0.77, folds * 0.8 - q.y * 0.38);\n float ribbon = 1.0 - smoothstep(0.01, 0.23, abs(flow + q.y * 0.28 + 0.14));\n float aMist = glow * 0.36;\n float aCyan = cool * 0.92;\n float aMint = mintPatch * cool * 0.84;\n float aRose = warm * 0.96;\n float aYellow = ribbon * pow(warm, 1.4) * 0.85;\n\n float underneath = (1.0 - aRose) * (1.0 - aYellow);\n float base = (1.0 - aCyan) * (1.0 - aMint) * underneath;\n vec3 weightsA = vec3((1.0 - aMist) * base,\n aRose * (1.0 - aYellow), aYellow) * u_weightsA;\n vec3 weightsB = vec3(aCyan * (1.0 - aMint) * underneath,\n aMint * underneath, aMist * base) * u_weightsB;\n float total = dot(weightsA + weightsB, vec3(1.0));\n vec3 color = (u_indigo * weightsA.x + u_rose * weightsA.y\n + u_yellow * weightsA.z + u_cyan * weightsB.x\n + u_mint * weightsB.y + u_mist * weightsB.z) \/ max(total, 0.0001);\n\n \/\/ Domin\u00e1ns f\u0151sz\u00edn, finom bels\u0151 \u00e1raml\u00e1ssal.\n vec3 dominantSurface = mix(u_dominant, color, 0.08 + glow * 0.12);\n\n \/\/ Egy keskeny, hull\u00e1mz\u00f3 s\u00e1vban el\u0151t\u0171nnek a paletta t\u00f6bbi sz\u00ednei.\n \/\/ A s\u00e1von k\u00edv\u00fcl minden k\u00e9pkock\u00e1n a v\u00e1lasztott f\u0151sz\u00edn a leger\u0151sebb.\n vec2 bandUv = rotate(0.15 * t + 0.3) * uv;\n float bend = 0.36 * noise(vec3(bandUv.y * 1.8, t * 0.12, 4.3));\n float distanceToBand = abs(bandUv.x + bend - 0.16 * sin(t * 0.19));\n float accent = 1.0 - smoothstep(0.10, 0.39, distanceToBand);\n color = mix(dominantSurface, color, accent * 0.96);\n\n \/\/ Visszafogott t\u00e9rbelis\u00e9g: nincs er\u0151s peremf\u00e9ny vagy k\u00fcls\u0151 \u00e1rny\u00e9k.\n float light = 0.96 + 0.055 * z + 0.025 * dot(uv, vec2(-0.7, 0.6));\n color *= light;\n float grain = hash(vec3(gl_FragCoord.xy, 13.7)) - 0.5;\n color += grain * u_grain;\n gl_FragColor = vec4(clamp(color, 0.0, 1.0), edge);\n }\n `;\n\n let program;\n let buffer;\n let uniforms;\n let ready = false;\n let animationFrame = 0;\n let previousTime = null;\n let elapsed = 0;\n const initialPhase = Number.parseFloat(root.dataset.phase);\n let phase = Number.isFinite(initialPhase) ? initialPhase : 0.6;\n let inView = true;\n let destroyed = false;\n let resizeObserver = null;\n let intersectionObserver = null;\n let appearanceObserver = null;\n\n function paletteColor(name) {\n const hex = getComputedStyle(root).getPropertyValue('--orb-' + name).trim().replace('#', '');\n const value = Number.parseInt(hex, 16);\n return [(value >> 16 & 255) \/ 255, (value >> 8 & 255) \/ 255, (value & 255) \/ 255];\n }\n\n function applyAppearance() {\n if (!ready || destroyed || !gl || gl.isContextLost()) return;\n const style = getComputedStyle(root);\n const names = ['indigo', 'rose', 'yellow', 'cyan', 'mint', 'mist'];\n const weights = names.map((name) => {\n const value = Number.parseFloat(style.getPropertyValue('--orb-weight-' + name));\n return Number.isFinite(value) ? Math.max(0.01, Math.min(20, value)) : 1;\n });\n names.forEach((name) => {\n gl.uniform3f(gl.getUniformLocation(program, 'u_' + name), ...paletteColor(name));\n });\n const dominant = names.includes(root.dataset.dominant) ? root.dataset.dominant : 'indigo';\n gl.uniform3f(uniforms.dominant, ...paletteColor(dominant));\n gl.uniform3f(uniforms.weightsA, ...weights.slice(0, 3));\n gl.uniform3f(uniforms.weightsB, ...weights.slice(3));\n }\n\n function compile(type, source) {\n const shader = gl.createShader(type);\n gl.shaderSource(shader, source);\n gl.compileShader(shader);\n if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n const message = gl.getShaderInfoLog(shader);\n gl.deleteShader(shader);\n throw new Error(message || 'A shader nem ford\u00edthat\u00f3 le.');\n }\n return shader;\n }\n\n function initialize() {\n const vertex = compile(gl.VERTEX_SHADER, vertexSource);\n const fragment = compile(gl.FRAGMENT_SHADER, fragmentSource);\n program = gl.createProgram();\n gl.attachShader(program, vertex);\n gl.attachShader(program, fragment);\n gl.linkProgram(program);\n gl.deleteShader(vertex);\n gl.deleteShader(fragment);\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n throw new Error(gl.getProgramInfoLog(program) || 'A program nem kapcsolhat\u00f3 \u00f6ssze.');\n }\n gl.useProgram(program);\n buffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);\n const position = gl.getAttribLocation(program, 'a_position');\n gl.enableVertexAttribArray(position);\n gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n uniforms = {\n time: gl.getUniformLocation(program, 'u_time'),\n resolution: gl.getUniformLocation(program, 'u_resolution'),\n grain: gl.getUniformLocation(program, 'u_grain'),\n weightsA: gl.getUniformLocation(program, 'u_weightsA'),\n weightsB: gl.getUniformLocation(program, 'u_weightsB'),\n dominant: gl.getUniformLocation(program, 'u_dominant')\n };\n gl.uniform1f(uniforms.grain, SETTINGS.grain);\n ready = true;\n applyAppearance();\n resize();\n root.dataset.renderer = 'webgl';\n }\n\n function draw() {\n if (destroyed || !ready || gl.isContextLost()) return;\n gl.uniform1f(uniforms.time, phase);\n\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n }\n\n function resize() {\n\n if (destroyed || !ready) return;\n const width = root.getBoundingClientRect().width;\n const pixelRatio = Math.min(window.devicePixelRatio || 1, SETTINGS.maxPixelRatio);\n const size = Math.max(1, Math.min(SETTINGS.maxResolution, Math.round(width * pixelRatio)));\n if (canvas.width !== size || canvas.height !== size) {\n canvas.width = canvas.height = size;\n }\n gl.viewport(0, 0, size, size);\n gl.uniform1f(uniforms.resolution, size);\n draw();\n }\n\n function stop() {\n cancelAnimationFrame(animationFrame);\n animationFrame = 0;\n previousTime = null;\n }\n\n function shouldAnimate() {\n return !destroyed && ready && inView && !document.hidden && !reducedMotion.matches;\n }\n\n function tick(now) {\n animationFrame = 0;\n if (!shouldAnimate()) { previousTime = null; return; }\n const delta = previousTime === null ? 0 : Math.min((now - previousTime) \/ 1000, 0.06);\n previousTime = now;\n elapsed += delta;\n\n \/\/ Folyamatos temp\u00f3v\u00e1lt\u00e1s: hosszabb nyugodt r\u00e9szek \u00e9s r\u00f6vid \u00e9l\u00e9nk\u00fcl\u00e9sek.\n \/\/ Az id\u0151 integr\u00e1l\u00e1sa megakad\u00e1lyozza a hirtelen ugr\u00e1st vagy visszafordul\u00e1st.\n const swell = 0.5 + 0.5 * Math.sin(elapsed * 0.29 + 0.8 * Math.sin(elapsed * 0.11));\n const tempo = 0.22 + 0.68 * swell * swell * swell;\n phase += delta * tempo * SETTINGS.speed;\n draw();\n animationFrame = requestAnimationFrame(tick);\n }\n\n function syncPlayback() {\n if (shouldAnimate()) {\n if (!animationFrame) animationFrame = requestAnimationFrame(tick);\n } else {\n stop();\n draw();\n }\n root.querySelectorAll('.beept-orb-mini__cloud').forEach((cloud) => {\n cloud.style.animationPlayState = (!document.hidden && inView && !reducedMotion.matches) ? 'running' : 'paused';\n });\n }\n\n function onContextLost(event) {\n event.preventDefault();\n ready = false;\n stop();\n delete root.dataset.renderer;\n syncPlayback();\n }\n\n function onContextRestored() {\n try {\n initialize();\n syncPlayback();\n } catch (error) {\n ready = false;\n delete root.dataset.renderer;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n }\n\n canvas.addEventListener('webglcontextlost', onContextLost);\n canvas.addEventListener('webglcontextrestored', onContextRestored);\n\n try {\n if (gl) initialize();\n } catch (error) {\n ready = false;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n\n if ('ResizeObserver' in window) {\n resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(root);\n }\n window.addEventListener('resize', resize, { passive: true });\n document.addEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.addEventListener) reducedMotion.addEventListener('change', syncPlayback);\n else reducedMotion.addListener(syncPlayback);\n\n if ('IntersectionObserver' in window) {\n intersectionObserver = new IntersectionObserver(([entry]) => {\n inView = entry.isIntersecting;\n syncPlayback();\n }, { threshold: 0 });\n intersectionObserver.observe(root);\n }\n\n if ('MutationObserver' in window) {\n appearanceObserver = new MutationObserver(() => {\n applyAppearance();\n draw();\n });\n appearanceObserver.observe(root, {\n attributes: true,\n attributeFilter: ['data-dominant', 'style', 'class']\n });\n }\n\n syncPlayback();\n\n return {\n canvas,\n destroy() {\n destroyed = true;\n ready = false;\n stop();\n if (resizeObserver) resizeObserver.disconnect();\n if (intersectionObserver) intersectionObserver.disconnect();\n if (appearanceObserver) appearanceObserver.disconnect();\n window.removeEventListener('resize', resize);\n document.removeEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.removeEventListener) reducedMotion.removeEventListener('change', syncPlayback);\n else reducedMotion.removeListener(syncPlayback);\n canvas.removeEventListener('webglcontextlost', onContextLost);\n canvas.removeEventListener('webglcontextrestored', onContextRestored);\n if (gl && !gl.isContextLost()) {\n if (buffer) gl.deleteBuffer(buffer);\n if (program) gl.deleteProgram(program);\n const loseContext = gl.getExtension('WEBGL_lose_context');\n if (loseContext) loseContext.loseContext();\n }\n }\n };\n\n }\n\n function scan() {\n instances.forEach((instance, root) => {\n if (!root.isConnected || root.querySelector('.beept-orb-mini__canvas') !== instance.canvas) {\n instance.destroy();\n instances.delete(root);\n }\n });\n\n document.querySelectorAll('.beept-orb-mini').forEach((root) => {\n if (instances.has(root)) return;\n const canvas = root.querySelector('.beept-orb-mini__canvas');\n if (!canvas) return;\n try {\n instances.set(root, createOrb(root, canvas));\n } catch (error) {\n delete root.dataset.renderer;\n console.warn('A BeePT k\u00f6r ind\u00edt\u00e1sa nem siker\u00fclt.', error);\n }\n });\n }\n\n function queueScan() {\n if (scanQueued) return;\n scanQueued = true;\n queueMicrotask(() => {\n scanQueued = false;\n scan();\n });\n }\n\n window[RUNTIME_KEY] = { scan };\n scan();\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', scan, { once: true });\n }\n\n \/\/ Kezeli a szerkeszt\u0151ben hozz\u00e1adott, duplik\u00e1lt \u00e9s \u00fajrarajzolt HTML-blokkokat is.\n if ('MutationObserver' in window) {\n const observer = new MutationObserver(queueScan);\n observer.observe(document.documentElement, { childList: true, subtree: true });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9351b09 elementor-widget elementor-widget-heading\" data-id=\"9351b09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Egy helyen teszi el\u00e9rhet\u0151v\u00e9 a sz\u00e9tsz\u00f3rt inform\u00e1ci\u00f3t\u200b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7542753 elementor-widget elementor-widget-text-editor\" data-id=\"7542753\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Dokumentumok, folyamatok \u00e9s bels\u0151 tud\u00e1s ker\u00fclhet m\u00f6g\u00e9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b31b6bb e-con-full e-flex e-con e-child\" data-id=\"b31b6bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd15e24 elementor-widget elementor-widget-html\" data-id=\"dd15e24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"hu\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <title>BeePT \u2013 Vil\u00e1gosk\u00e9k \u2013 100 \u00d7 100 px<\/title>\n <style>\n html, body { margin: 0; padding: 0; background: transparent; }\n\n \/* Fix 100 \u00d7 100 CSS-pixel. Nincs felirat \u00e9s nincs eg\u00e9r- vagy \u00e9rint\u00e9si reakci\u00f3. *\/\n .beept-orb-mini {\n --orb-indigo: #40438E;\n --orb-rose: #FF0048;\n --orb-yellow: #FFC40E;\n --orb-cyan: #95E5F9;\n --orb-mint: #81E3A5;\n --orb-mist: #979AB0;\n --orb-dominant: var(--orb-indigo);\n \/* Relat\u00edv sz\u00edns\u00falyok: 1 = eredeti ar\u00e1ny, nagyobb sz\u00e1m = er\u0151sebb jelenl\u00e9t. *\/\n --orb-weight-indigo: 1;\n --orb-weight-rose: 1;\n --orb-weight-yellow: 1;\n --orb-weight-cyan: 1;\n --orb-weight-mint: 1;\n --orb-weight-mist: 1;\n position: relative;\n display: block;\n box-sizing: border-box;\n width: 100px;\n height: 100px;\n min-width: 100px;\n max-width: 100px;\n min-height: 100px;\n max-height: 100px;\n flex: 0 0 100px;\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n border-radius: 50%;\n isolation: isolate;\n pointer-events: none;\n user-select: none;\n }\n\n \/* A f\u0151sz\u00edn minden p\u00e9ld\u00e1ny saj\u00e1t be\u00e1ll\u00edt\u00e1sa; a widgetek nem \u00edrj\u00e1k fel\u00fcl egym\u00e1st. *\/\n .beept-orb-mini[data-dominant=\"indigo\"] { --orb-dominant: var(--orb-indigo); }\n .beept-orb-mini[data-dominant=\"rose\"] { --orb-dominant: var(--orb-rose); }\n .beept-orb-mini[data-dominant=\"cyan\"] { --orb-dominant: var(--orb-cyan); }\n .beept-orb-mini[data-dominant=\"mint\"] { --orb-dominant: var(--orb-mint); }\n\n .beept-orb-mini__canvas {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__canvas { opacity: 1; }\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__fallback { display: none; }\n\n .beept-orb-mini__fallback {\n position: absolute;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n border-radius: inherit;\n background: var(--orb-dominant);\n }\n\n .beept-orb-mini__cloud {\n position: absolute;\n inset: -30%;\n background:\n radial-gradient(ellipse at 22% 46%, var(--orb-yellow) 0, var(--orb-rose) clamp(3%, calc(9% * var(--orb-weight-yellow)), 18%), transparent clamp(12%, calc(32% * var(--orb-weight-rose)), 72%)),\n radial-gradient(ellipse at 72% 32%, var(--orb-cyan) 0, transparent clamp(12%, calc(41% * var(--orb-weight-cyan)), 78%)),\n radial-gradient(ellipse at 65% 78%, var(--orb-mint) 0, transparent clamp(8%, calc(24% * var(--orb-weight-mint)), 75%)),\n radial-gradient(ellipse at 40% 70%, var(--orb-mist) 0, var(--orb-dominant) 52%);\n filter: blur(4px);\n animation: beept-mini-idle-drift 18s ease-in-out infinite alternate;\n will-change: transform;\n }\n\n .beept-orb-mini__cloud--second {\n background:\n radial-gradient(ellipse at 35% 30%, var(--orb-rose) 0, transparent clamp(8%, calc(25% * var(--orb-weight-rose)), 60%)),\n radial-gradient(ellipse at 65% 66%, var(--orb-cyan) 0, transparent clamp(12%, calc(40% * var(--orb-weight-cyan)), 70%));\n opacity: .55;\n animation-name: beept-mini-idle-fold;\n animation-duration: 14s;\n }\n\n .beept-orb-mini__fallback::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--orb-dominant);\n opacity: .6;\n pointer-events: none;\n }\n\n .beept-orb-mini__grain {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: .14;\n mix-blend-mode: soft-light;\n }\n\n @keyframes beept-mini-idle-drift {\n 0% { transform: rotate(-12deg) scale(1.08) translate(-3%, 1%); }\n 38% { transform: rotate(19deg) scale(1.2, .95) translate(2%, -3%); }\n 65% { transform: rotate(58deg) scale(.95, 1.15) translate(-2%, 4%); }\n 100% { transform: rotate(100deg) scale(1.1) translate(3%, -2%); }\n }\n\n @keyframes beept-mini-idle-fold {\n 0% { transform: rotate(0) scale(1.15, .9) translate(5%, -5%); }\n 50% { transform: rotate(-50deg) scale(.9, 1.15) translate(-8%, 8%); }\n 100% { transform: rotate(-115deg) scale(1.2, .95) translate(4%, 2%); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .beept-orb-mini__cloud { animation-play-state: paused; }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"beept-orb-mini\" data-dominant=\"cyan\" data-phase=\"16.2\" role=\"img\" aria-label=\"Vil\u00e1gosk\u00e9k dominanci\u00e1j\u00fa, \u00e1raml\u00f3 sz\u00ednes k\u00f6r.\">\n <span class=\"beept-orb-mini__fallback\" aria-hidden=\"true\">\n <span class=\"beept-orb-mini__cloud\"><\/span>\n <span class=\"beept-orb-mini__cloud beept-orb-mini__cloud--second\"><\/span>\n <svg class=\"beept-orb-mini__grain\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <filter id=\"beept-grain-mini\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\".85\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\n <feColorMatrix type=\"saturate\" values=\"0\"\/>\n <\/filter>\n <rect width=\"100%\" height=\"100%\" filter=\"url(#beept-grain-mini)\"\/>\n <\/svg>\n <\/span>\n <canvas class=\"beept-orb-mini__canvas\" aria-hidden=\"true\"><\/canvas>\n <\/div>\n <script>\n (() => {\n 'use strict';\n\n \/\/ Az oldal \u00f6sszes k\u00f6re saj\u00e1t anim\u00e1ci\u00f3t kap, a duplik\u00e1lt widgetek is.\n \/\/ Ugyanennek a scriptnek az ism\u00e9telt bet\u00f6lt\u00e9se nem ind\u00edt \u00fajra m\u00e1r fut\u00f3 k\u00f6r\u00f6ket.\n const RUNTIME_KEY = '__beeptOrbMiniDominantRuntimeV1';\n if (window[RUNTIME_KEY]) {\n window[RUNTIME_KEY].scan();\n return;\n }\n\n const instances = new Map();\n let serial = 0;\n let scanQueued = false;\n\n function createOrb(root, canvas) {\n delete root.dataset.renderer;\n const filter = root.querySelector('.beept-orb-mini__grain filter');\n const grainRect = root.querySelector('.beept-orb-mini__grain rect');\n if (filter && grainRect) {\n const filterId = 'beept-grain-mini-auto-' + (++serial);\n filter.id = filterId;\n grainRect.setAttribute('filter', 'url(#' + filterId + ')');\n }\n\n\n \/*\n * \u00d6n\u00e1ll\u00f3, h\u00e1l\u00f3zati k\u00e9r\u00e9s \u00e9s k\u00fcls\u0151 k\u00f6nyvt\u00e1r n\u00e9lk\u00fcl fut\u00f3 anim\u00e1ci\u00f3.\n * A sebess\u00e9get \u00e9s a szemcs\u00e9zetts\u00e9get itt lehet finomhangolni.\n *\/\n const SETTINGS = {\n speed: 1.70, \/\/ Az el\u0151z\u0151 0.85 \u00e9rt\u00e9k k\u00e9tszerese.\n grain: 0.07, \/\/ 0: sima fel\u00fclet; 0.10 k\u00f6r\u00fcl: finom szemcs\u00e9k\n\n maxResolution: 300, \/\/ Bels\u0151 felbont\u00e1s fels\u0151 hat\u00e1ra\n maxPixelRatio: 3\n };\n\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n const gl = canvas.getContext('webgl', {\n alpha: true,\n antialias: false,\n depth: false,\n stencil: false,\n premultipliedAlpha: false,\n powerPreference: 'low-power'\n });\n\n const vertexSource = `\n attribute vec2 a_position;\n varying vec2 v_uv;\n void main() {\n v_uv = a_position;\n gl_Position = vec4(a_position, 0.0, 1.0);\n }\n `;\n\n const fragmentSource = `\n precision highp float;\n varying vec2 v_uv;\n uniform float u_time;\n uniform float u_resolution;\n uniform float u_grain;\n\n uniform vec3 u_indigo;\n uniform vec3 u_rose;\n uniform vec3 u_yellow;\n uniform vec3 u_cyan;\n uniform vec3 u_mint;\n uniform vec3 u_mist;\n uniform vec3 u_dominant;\n \/\/ K\u00e9t h\u00e1rmas: indig\u00f3\/piros\/s\u00e1rga \u00e9s vil\u00e1gosk\u00e9k\/menta\/sz\u00fcrke.\n uniform vec3 u_weightsA;\n uniform vec3 u_weightsB;\n\n float hash(vec3 p) {\n p = fract(p * 0.1031);\n p += dot(p, p.yzx + 33.33);\n return fract((p.x + p.y) * p.z);\n }\n\n \/\/ Folytonos, h\u00e1romdimenzi\u00f3s \u00e9rt\u00e9kzaj, sima interpol\u00e1ci\u00f3val.\n float noise(vec3 p) {\n vec3 i = floor(p);\n vec3 f = fract(p);\n f = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n return mix(\n mix(mix(hash(i), hash(i + vec3(1,0,0)), f.x),\n mix(hash(i + vec3(0,1,0)), hash(i + vec3(1,1,0)), f.x), f.y),\n mix(mix(hash(i + vec3(0,0,1)), hash(i + vec3(1,0,1)), f.x),\n mix(hash(i + vec3(0,1,1)), hash(i + vec3(1,1,1)), f.x), f.y),\n f.z\n ) * 2.0 - 1.0;\n }\n\n mat2 rotate(float a) {\n float s = sin(a), c = cos(a);\n return mat2(c, -s, s, c);\n }\n\n void main() {\n vec2 uv = v_uv;\n float r = length(uv);\n float edge = 1.0 - smoothstep(1.0 - 2.0 \/ u_resolution, 1.0, r);\n if (edge <= 0.0) { gl_FragColor = vec4(0.0); return; }\n\n float t = u_time;\n float z = sqrt(max(0.0, 1.0 - dot(uv, uv)));\n vec3 p = vec3(uv * 1.35, z * 0.7);\n p.xy = rotate(0.13 * t + 0.14 * sin(t * 0.29)) * p.xy;\n p.xz = rotate(0.1 * sin(t * 0.22)) * p.xz;\n\n vec3 warp = vec3(\n noise(p * 1.35 + vec3(0.0, 0.0, t * 0.13)),\n noise(p * 1.35 + vec3(5.2, 1.3, -t * 0.11)),\n noise(p * 1.35 + vec3(-4.0, 8.2, t * 0.1))\n );\n vec3 q = p + warp * 0.72;\n float flow = noise(q * 1.55 + vec3(1.7, 3.8, t * 0.1));\n float folds = noise(q * 2.45 + vec3(7.8, 0.2, -t * 0.08));\n float softness = noise(q * 1.25 + vec3(2.4, 9.3, t * 0.08));\n\n \/\/ Az eredeti, mozg\u00f3 foltok sz\u00ednenk\u00e9nti hozz\u00e1j\u00e1rul\u00e1sa.\n float cool = smoothstep(-0.28, 0.70, q.x * 0.45 + softness * 0.70);\n float warm = smoothstep(0.02, 0.78, -q.x * 0.50 + flow * 0.70);\n float glow = smoothstep(-0.35, 0.60, folds * 0.65 + q.y * 0.25);\n float mintPatch = smoothstep(0.24, 0.77, folds * 0.8 - q.y * 0.38);\n float ribbon = 1.0 - smoothstep(0.01, 0.23, abs(flow + q.y * 0.28 + 0.14));\n float aMist = glow * 0.36;\n float aCyan = cool * 0.92;\n float aMint = mintPatch * cool * 0.84;\n float aRose = warm * 0.96;\n float aYellow = ribbon * pow(warm, 1.4) * 0.85;\n\n float underneath = (1.0 - aRose) * (1.0 - aYellow);\n float base = (1.0 - aCyan) * (1.0 - aMint) * underneath;\n vec3 weightsA = vec3((1.0 - aMist) * base,\n aRose * (1.0 - aYellow), aYellow) * u_weightsA;\n vec3 weightsB = vec3(aCyan * (1.0 - aMint) * underneath,\n aMint * underneath, aMist * base) * u_weightsB;\n float total = dot(weightsA + weightsB, vec3(1.0));\n vec3 color = (u_indigo * weightsA.x + u_rose * weightsA.y\n + u_yellow * weightsA.z + u_cyan * weightsB.x\n + u_mint * weightsB.y + u_mist * weightsB.z) \/ max(total, 0.0001);\n\n \/\/ Domin\u00e1ns f\u0151sz\u00edn, finom bels\u0151 \u00e1raml\u00e1ssal.\n vec3 dominantSurface = mix(u_dominant, color, 0.08 + glow * 0.12);\n\n \/\/ Egy keskeny, hull\u00e1mz\u00f3 s\u00e1vban el\u0151t\u0171nnek a paletta t\u00f6bbi sz\u00ednei.\n \/\/ A s\u00e1von k\u00edv\u00fcl minden k\u00e9pkock\u00e1n a v\u00e1lasztott f\u0151sz\u00edn a leger\u0151sebb.\n vec2 bandUv = rotate(0.15 * t + 0.3) * uv;\n float bend = 0.36 * noise(vec3(bandUv.y * 1.8, t * 0.12, 4.3));\n float distanceToBand = abs(bandUv.x + bend - 0.16 * sin(t * 0.19));\n float accent = 1.0 - smoothstep(0.10, 0.39, distanceToBand);\n color = mix(dominantSurface, color, accent * 0.96);\n\n \/\/ Visszafogott t\u00e9rbelis\u00e9g: nincs er\u0151s peremf\u00e9ny vagy k\u00fcls\u0151 \u00e1rny\u00e9k.\n float light = 0.96 + 0.055 * z + 0.025 * dot(uv, vec2(-0.7, 0.6));\n color *= light;\n float grain = hash(vec3(gl_FragCoord.xy, 13.7)) - 0.5;\n color += grain * u_grain;\n gl_FragColor = vec4(clamp(color, 0.0, 1.0), edge);\n }\n `;\n\n let program;\n let buffer;\n let uniforms;\n let ready = false;\n let animationFrame = 0;\n let previousTime = null;\n let elapsed = 0;\n const initialPhase = Number.parseFloat(root.dataset.phase);\n let phase = Number.isFinite(initialPhase) ? initialPhase : 0.6;\n let inView = true;\n let destroyed = false;\n let resizeObserver = null;\n let intersectionObserver = null;\n let appearanceObserver = null;\n\n function paletteColor(name) {\n const hex = getComputedStyle(root).getPropertyValue('--orb-' + name).trim().replace('#', '');\n const value = Number.parseInt(hex, 16);\n return [(value >> 16 & 255) \/ 255, (value >> 8 & 255) \/ 255, (value & 255) \/ 255];\n }\n\n function applyAppearance() {\n if (!ready || destroyed || !gl || gl.isContextLost()) return;\n const style = getComputedStyle(root);\n const names = ['indigo', 'rose', 'yellow', 'cyan', 'mint', 'mist'];\n const weights = names.map((name) => {\n const value = Number.parseFloat(style.getPropertyValue('--orb-weight-' + name));\n return Number.isFinite(value) ? Math.max(0.01, Math.min(20, value)) : 1;\n });\n names.forEach((name) => {\n gl.uniform3f(gl.getUniformLocation(program, 'u_' + name), ...paletteColor(name));\n });\n const dominant = names.includes(root.dataset.dominant) ? root.dataset.dominant : 'indigo';\n gl.uniform3f(uniforms.dominant, ...paletteColor(dominant));\n gl.uniform3f(uniforms.weightsA, ...weights.slice(0, 3));\n gl.uniform3f(uniforms.weightsB, ...weights.slice(3));\n }\n\n function compile(type, source) {\n const shader = gl.createShader(type);\n gl.shaderSource(shader, source);\n gl.compileShader(shader);\n if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n const message = gl.getShaderInfoLog(shader);\n gl.deleteShader(shader);\n throw new Error(message || 'A shader nem ford\u00edthat\u00f3 le.');\n }\n return shader;\n }\n\n function initialize() {\n const vertex = compile(gl.VERTEX_SHADER, vertexSource);\n const fragment = compile(gl.FRAGMENT_SHADER, fragmentSource);\n program = gl.createProgram();\n gl.attachShader(program, vertex);\n gl.attachShader(program, fragment);\n gl.linkProgram(program);\n gl.deleteShader(vertex);\n gl.deleteShader(fragment);\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n throw new Error(gl.getProgramInfoLog(program) || 'A program nem kapcsolhat\u00f3 \u00f6ssze.');\n }\n gl.useProgram(program);\n buffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);\n const position = gl.getAttribLocation(program, 'a_position');\n gl.enableVertexAttribArray(position);\n gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n uniforms = {\n time: gl.getUniformLocation(program, 'u_time'),\n resolution: gl.getUniformLocation(program, 'u_resolution'),\n grain: gl.getUniformLocation(program, 'u_grain'),\n weightsA: gl.getUniformLocation(program, 'u_weightsA'),\n weightsB: gl.getUniformLocation(program, 'u_weightsB'),\n dominant: gl.getUniformLocation(program, 'u_dominant')\n };\n gl.uniform1f(uniforms.grain, SETTINGS.grain);\n ready = true;\n applyAppearance();\n resize();\n root.dataset.renderer = 'webgl';\n }\n\n function draw() {\n if (destroyed || !ready || gl.isContextLost()) return;\n gl.uniform1f(uniforms.time, phase);\n\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n }\n\n function resize() {\n\n if (destroyed || !ready) return;\n const width = root.getBoundingClientRect().width;\n const pixelRatio = Math.min(window.devicePixelRatio || 1, SETTINGS.maxPixelRatio);\n const size = Math.max(1, Math.min(SETTINGS.maxResolution, Math.round(width * pixelRatio)));\n if (canvas.width !== size || canvas.height !== size) {\n canvas.width = canvas.height = size;\n }\n gl.viewport(0, 0, size, size);\n gl.uniform1f(uniforms.resolution, size);\n draw();\n }\n\n function stop() {\n cancelAnimationFrame(animationFrame);\n animationFrame = 0;\n previousTime = null;\n }\n\n function shouldAnimate() {\n return !destroyed && ready && inView && !document.hidden && !reducedMotion.matches;\n }\n\n function tick(now) {\n animationFrame = 0;\n if (!shouldAnimate()) { previousTime = null; return; }\n const delta = previousTime === null ? 0 : Math.min((now - previousTime) \/ 1000, 0.06);\n previousTime = now;\n elapsed += delta;\n\n \/\/ Folyamatos temp\u00f3v\u00e1lt\u00e1s: hosszabb nyugodt r\u00e9szek \u00e9s r\u00f6vid \u00e9l\u00e9nk\u00fcl\u00e9sek.\n \/\/ Az id\u0151 integr\u00e1l\u00e1sa megakad\u00e1lyozza a hirtelen ugr\u00e1st vagy visszafordul\u00e1st.\n const swell = 0.5 + 0.5 * Math.sin(elapsed * 0.29 + 0.8 * Math.sin(elapsed * 0.11));\n const tempo = 0.22 + 0.68 * swell * swell * swell;\n phase += delta * tempo * SETTINGS.speed;\n draw();\n animationFrame = requestAnimationFrame(tick);\n }\n\n function syncPlayback() {\n if (shouldAnimate()) {\n if (!animationFrame) animationFrame = requestAnimationFrame(tick);\n } else {\n stop();\n draw();\n }\n root.querySelectorAll('.beept-orb-mini__cloud').forEach((cloud) => {\n cloud.style.animationPlayState = (!document.hidden && inView && !reducedMotion.matches) ? 'running' : 'paused';\n });\n }\n\n function onContextLost(event) {\n event.preventDefault();\n ready = false;\n stop();\n delete root.dataset.renderer;\n syncPlayback();\n }\n\n function onContextRestored() {\n try {\n initialize();\n syncPlayback();\n } catch (error) {\n ready = false;\n delete root.dataset.renderer;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n }\n\n canvas.addEventListener('webglcontextlost', onContextLost);\n canvas.addEventListener('webglcontextrestored', onContextRestored);\n\n try {\n if (gl) initialize();\n } catch (error) {\n ready = false;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n\n if ('ResizeObserver' in window) {\n resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(root);\n }\n window.addEventListener('resize', resize, { passive: true });\n document.addEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.addEventListener) reducedMotion.addEventListener('change', syncPlayback);\n else reducedMotion.addListener(syncPlayback);\n\n if ('IntersectionObserver' in window) {\n intersectionObserver = new IntersectionObserver(([entry]) => {\n inView = entry.isIntersecting;\n syncPlayback();\n }, { threshold: 0 });\n intersectionObserver.observe(root);\n }\n\n if ('MutationObserver' in window) {\n appearanceObserver = new MutationObserver(() => {\n applyAppearance();\n draw();\n });\n appearanceObserver.observe(root, {\n attributes: true,\n attributeFilter: ['data-dominant', 'style', 'class']\n });\n }\n\n syncPlayback();\n\n return {\n canvas,\n destroy() {\n destroyed = true;\n ready = false;\n stop();\n if (resizeObserver) resizeObserver.disconnect();\n if (intersectionObserver) intersectionObserver.disconnect();\n if (appearanceObserver) appearanceObserver.disconnect();\n window.removeEventListener('resize', resize);\n document.removeEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.removeEventListener) reducedMotion.removeEventListener('change', syncPlayback);\n else reducedMotion.removeListener(syncPlayback);\n canvas.removeEventListener('webglcontextlost', onContextLost);\n canvas.removeEventListener('webglcontextrestored', onContextRestored);\n if (gl && !gl.isContextLost()) {\n if (buffer) gl.deleteBuffer(buffer);\n if (program) gl.deleteProgram(program);\n const loseContext = gl.getExtension('WEBGL_lose_context');\n if (loseContext) loseContext.loseContext();\n }\n }\n };\n\n }\n\n function scan() {\n instances.forEach((instance, root) => {\n if (!root.isConnected || root.querySelector('.beept-orb-mini__canvas') !== instance.canvas) {\n instance.destroy();\n instances.delete(root);\n }\n });\n\n document.querySelectorAll('.beept-orb-mini').forEach((root) => {\n if (instances.has(root)) return;\n const canvas = root.querySelector('.beept-orb-mini__canvas');\n if (!canvas) return;\n try {\n instances.set(root, createOrb(root, canvas));\n } catch (error) {\n delete root.dataset.renderer;\n console.warn('A BeePT k\u00f6r ind\u00edt\u00e1sa nem siker\u00fclt.', error);\n }\n });\n }\n\n function queueScan() {\n if (scanQueued) return;\n scanQueued = true;\n queueMicrotask(() => {\n scanQueued = false;\n scan();\n });\n }\n\n window[RUNTIME_KEY] = { scan };\n scan();\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', scan, { once: true });\n }\n\n \/\/ Kezeli a szerkeszt\u0151ben hozz\u00e1adott, duplik\u00e1lt \u00e9s \u00fajrarajzolt HTML-blokkokat is.\n if ('MutationObserver' in window) {\n const observer = new MutationObserver(queueScan);\n observer.observe(document.documentElement, { childList: true, subtree: true });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42d9973 elementor-widget elementor-widget-heading\" data-id=\"42d9973\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Mindig ugyanabb\u00f3l a forr\u00e1sb\u00f3l indul\u200b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c664ca5 elementor-widget elementor-widget-text-editor\" data-id=\"c664ca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Nem n\u00e9gy koll\u00e9g\u00e1t\u00f3l kapsz n\u00e9gy k\u00fcl\u00f6nb\u00f6z\u0151 v\u00e1laszt.\u200b<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c16d9a7 e-con-full e-flex e-con e-child\" data-id=\"c16d9a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c949e5e elementor-widget elementor-widget-html\" data-id=\"c949e5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"hu\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <title>BeePT \u2013 Mentaz\u00f6ld \u2013 100 \u00d7 100 px<\/title>\n <style>\n html, body { margin: 0; padding: 0; background: transparent; }\n\n \/* Fix 100 \u00d7 100 CSS-pixel. Nincs felirat \u00e9s nincs eg\u00e9r- vagy \u00e9rint\u00e9si reakci\u00f3. *\/\n .beept-orb-mini {\n --orb-indigo: #40438E;\n --orb-rose: #FF0048;\n --orb-yellow: #FFC40E;\n --orb-cyan: #95E5F9;\n --orb-mint: #81E3A5;\n --orb-mist: #979AB0;\n --orb-dominant: var(--orb-indigo);\n \/* Relat\u00edv sz\u00edns\u00falyok: 1 = eredeti ar\u00e1ny, nagyobb sz\u00e1m = er\u0151sebb jelenl\u00e9t. *\/\n --orb-weight-indigo: 1;\n --orb-weight-rose: 1;\n --orb-weight-yellow: 1;\n --orb-weight-cyan: 1;\n --orb-weight-mint: 1;\n --orb-weight-mist: 1;\n position: relative;\n display: block;\n box-sizing: border-box;\n width: 100px;\n height: 100px;\n min-width: 100px;\n max-width: 100px;\n min-height: 100px;\n max-height: 100px;\n flex: 0 0 100px;\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n border-radius: 50%;\n isolation: isolate;\n pointer-events: none;\n user-select: none;\n }\n\n \/* A f\u0151sz\u00edn minden p\u00e9ld\u00e1ny saj\u00e1t be\u00e1ll\u00edt\u00e1sa; a widgetek nem \u00edrj\u00e1k fel\u00fcl egym\u00e1st. *\/\n .beept-orb-mini[data-dominant=\"indigo\"] { --orb-dominant: var(--orb-indigo); }\n .beept-orb-mini[data-dominant=\"rose\"] { --orb-dominant: var(--orb-rose); }\n .beept-orb-mini[data-dominant=\"cyan\"] { --orb-dominant: var(--orb-cyan); }\n .beept-orb-mini[data-dominant=\"mint\"] { --orb-dominant: var(--orb-mint); }\n\n .beept-orb-mini__canvas {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__canvas { opacity: 1; }\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__fallback { display: none; }\n\n .beept-orb-mini__fallback {\n position: absolute;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n border-radius: inherit;\n background: var(--orb-dominant);\n }\n\n .beept-orb-mini__cloud {\n position: absolute;\n inset: -30%;\n background:\n radial-gradient(ellipse at 22% 46%, var(--orb-yellow) 0, var(--orb-rose) clamp(3%, calc(9% * var(--orb-weight-yellow)), 18%), transparent clamp(12%, calc(32% * var(--orb-weight-rose)), 72%)),\n radial-gradient(ellipse at 72% 32%, var(--orb-cyan) 0, transparent clamp(12%, calc(41% * var(--orb-weight-cyan)), 78%)),\n radial-gradient(ellipse at 65% 78%, var(--orb-mint) 0, transparent clamp(8%, calc(24% * var(--orb-weight-mint)), 75%)),\n radial-gradient(ellipse at 40% 70%, var(--orb-mist) 0, var(--orb-dominant) 52%);\n filter: blur(4px);\n animation: beept-mini-idle-drift 18s ease-in-out infinite alternate;\n will-change: transform;\n }\n\n .beept-orb-mini__cloud--second {\n background:\n radial-gradient(ellipse at 35% 30%, var(--orb-rose) 0, transparent clamp(8%, calc(25% * var(--orb-weight-rose)), 60%)),\n radial-gradient(ellipse at 65% 66%, var(--orb-cyan) 0, transparent clamp(12%, calc(40% * var(--orb-weight-cyan)), 70%));\n opacity: .55;\n animation-name: beept-mini-idle-fold;\n animation-duration: 14s;\n }\n\n .beept-orb-mini__fallback::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--orb-dominant);\n opacity: .6;\n pointer-events: none;\n }\n\n .beept-orb-mini__grain {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: .14;\n mix-blend-mode: soft-light;\n }\n\n @keyframes beept-mini-idle-drift {\n 0% { transform: rotate(-12deg) scale(1.08) translate(-3%, 1%); }\n 38% { transform: rotate(19deg) scale(1.2, .95) translate(2%, -3%); }\n 65% { transform: rotate(58deg) scale(.95, 1.15) translate(-2%, 4%); }\n 100% { transform: rotate(100deg) scale(1.1) translate(3%, -2%); }\n }\n\n @keyframes beept-mini-idle-fold {\n 0% { transform: rotate(0) scale(1.15, .9) translate(5%, -5%); }\n 50% { transform: rotate(-50deg) scale(.9, 1.15) translate(-8%, 8%); }\n 100% { transform: rotate(-115deg) scale(1.2, .95) translate(4%, 2%); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .beept-orb-mini__cloud { animation-play-state: paused; }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"beept-orb-mini\" data-dominant=\"mint\" data-phase=\"23.4\" role=\"img\" aria-label=\"Mentaz\u00f6ld dominanci\u00e1j\u00fa, \u00e1raml\u00f3 sz\u00ednes k\u00f6r.\">\n <span class=\"beept-orb-mini__fallback\" aria-hidden=\"true\">\n <span class=\"beept-orb-mini__cloud\"><\/span>\n <span class=\"beept-orb-mini__cloud beept-orb-mini__cloud--second\"><\/span>\n <svg class=\"beept-orb-mini__grain\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <filter id=\"beept-grain-mini\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\".85\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\n <feColorMatrix type=\"saturate\" values=\"0\"\/>\n <\/filter>\n <rect width=\"100%\" height=\"100%\" filter=\"url(#beept-grain-mini)\"\/>\n <\/svg>\n <\/span>\n <canvas class=\"beept-orb-mini__canvas\" aria-hidden=\"true\"><\/canvas>\n <\/div>\n <script>\n (() => {\n 'use strict';\n\n \/\/ Az oldal \u00f6sszes k\u00f6re saj\u00e1t anim\u00e1ci\u00f3t kap, a duplik\u00e1lt widgetek is.\n \/\/ Ugyanennek a scriptnek az ism\u00e9telt bet\u00f6lt\u00e9se nem ind\u00edt \u00fajra m\u00e1r fut\u00f3 k\u00f6r\u00f6ket.\n const RUNTIME_KEY = '__beeptOrbMiniDominantRuntimeV1';\n if (window[RUNTIME_KEY]) {\n window[RUNTIME_KEY].scan();\n return;\n }\n\n const instances = new Map();\n let serial = 0;\n let scanQueued = false;\n\n function createOrb(root, canvas) {\n delete root.dataset.renderer;\n const filter = root.querySelector('.beept-orb-mini__grain filter');\n const grainRect = root.querySelector('.beept-orb-mini__grain rect');\n if (filter && grainRect) {\n const filterId = 'beept-grain-mini-auto-' + (++serial);\n filter.id = filterId;\n grainRect.setAttribute('filter', 'url(#' + filterId + ')');\n }\n\n\n \/*\n * \u00d6n\u00e1ll\u00f3, h\u00e1l\u00f3zati k\u00e9r\u00e9s \u00e9s k\u00fcls\u0151 k\u00f6nyvt\u00e1r n\u00e9lk\u00fcl fut\u00f3 anim\u00e1ci\u00f3.\n * A sebess\u00e9get \u00e9s a szemcs\u00e9zetts\u00e9get itt lehet finomhangolni.\n *\/\n const SETTINGS = {\n speed: 1.70, \/\/ Az el\u0151z\u0151 0.85 \u00e9rt\u00e9k k\u00e9tszerese.\n grain: 0.07, \/\/ 0: sima fel\u00fclet; 0.10 k\u00f6r\u00fcl: finom szemcs\u00e9k\n\n maxResolution: 300, \/\/ Bels\u0151 felbont\u00e1s fels\u0151 hat\u00e1ra\n maxPixelRatio: 3\n };\n\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n const gl = canvas.getContext('webgl', {\n alpha: true,\n antialias: false,\n depth: false,\n stencil: false,\n premultipliedAlpha: false,\n powerPreference: 'low-power'\n });\n\n const vertexSource = `\n attribute vec2 a_position;\n varying vec2 v_uv;\n void main() {\n v_uv = a_position;\n gl_Position = vec4(a_position, 0.0, 1.0);\n }\n `;\n\n const fragmentSource = `\n precision highp float;\n varying vec2 v_uv;\n uniform float u_time;\n uniform float u_resolution;\n uniform float u_grain;\n\n uniform vec3 u_indigo;\n uniform vec3 u_rose;\n uniform vec3 u_yellow;\n uniform vec3 u_cyan;\n uniform vec3 u_mint;\n uniform vec3 u_mist;\n uniform vec3 u_dominant;\n \/\/ K\u00e9t h\u00e1rmas: indig\u00f3\/piros\/s\u00e1rga \u00e9s vil\u00e1gosk\u00e9k\/menta\/sz\u00fcrke.\n uniform vec3 u_weightsA;\n uniform vec3 u_weightsB;\n\n float hash(vec3 p) {\n p = fract(p * 0.1031);\n p += dot(p, p.yzx + 33.33);\n return fract((p.x + p.y) * p.z);\n }\n\n \/\/ Folytonos, h\u00e1romdimenzi\u00f3s \u00e9rt\u00e9kzaj, sima interpol\u00e1ci\u00f3val.\n float noise(vec3 p) {\n vec3 i = floor(p);\n vec3 f = fract(p);\n f = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n return mix(\n mix(mix(hash(i), hash(i + vec3(1,0,0)), f.x),\n mix(hash(i + vec3(0,1,0)), hash(i + vec3(1,1,0)), f.x), f.y),\n mix(mix(hash(i + vec3(0,0,1)), hash(i + vec3(1,0,1)), f.x),\n mix(hash(i + vec3(0,1,1)), hash(i + vec3(1,1,1)), f.x), f.y),\n f.z\n ) * 2.0 - 1.0;\n }\n\n mat2 rotate(float a) {\n float s = sin(a), c = cos(a);\n return mat2(c, -s, s, c);\n }\n\n void main() {\n vec2 uv = v_uv;\n float r = length(uv);\n float edge = 1.0 - smoothstep(1.0 - 2.0 \/ u_resolution, 1.0, r);\n if (edge <= 0.0) { gl_FragColor = vec4(0.0); return; }\n\n float t = u_time;\n float z = sqrt(max(0.0, 1.0 - dot(uv, uv)));\n vec3 p = vec3(uv * 1.35, z * 0.7);\n p.xy = rotate(0.13 * t + 0.14 * sin(t * 0.29)) * p.xy;\n p.xz = rotate(0.1 * sin(t * 0.22)) * p.xz;\n\n vec3 warp = vec3(\n noise(p * 1.35 + vec3(0.0, 0.0, t * 0.13)),\n noise(p * 1.35 + vec3(5.2, 1.3, -t * 0.11)),\n noise(p * 1.35 + vec3(-4.0, 8.2, t * 0.1))\n );\n vec3 q = p + warp * 0.72;\n float flow = noise(q * 1.55 + vec3(1.7, 3.8, t * 0.1));\n float folds = noise(q * 2.45 + vec3(7.8, 0.2, -t * 0.08));\n float softness = noise(q * 1.25 + vec3(2.4, 9.3, t * 0.08));\n\n \/\/ Az eredeti, mozg\u00f3 foltok sz\u00ednenk\u00e9nti hozz\u00e1j\u00e1rul\u00e1sa.\n float cool = smoothstep(-0.28, 0.70, q.x * 0.45 + softness * 0.70);\n float warm = smoothstep(0.02, 0.78, -q.x * 0.50 + flow * 0.70);\n float glow = smoothstep(-0.35, 0.60, folds * 0.65 + q.y * 0.25);\n float mintPatch = smoothstep(0.24, 0.77, folds * 0.8 - q.y * 0.38);\n float ribbon = 1.0 - smoothstep(0.01, 0.23, abs(flow + q.y * 0.28 + 0.14));\n float aMist = glow * 0.36;\n float aCyan = cool * 0.92;\n float aMint = mintPatch * cool * 0.84;\n float aRose = warm * 0.96;\n float aYellow = ribbon * pow(warm, 1.4) * 0.85;\n\n float underneath = (1.0 - aRose) * (1.0 - aYellow);\n float base = (1.0 - aCyan) * (1.0 - aMint) * underneath;\n vec3 weightsA = vec3((1.0 - aMist) * base,\n aRose * (1.0 - aYellow), aYellow) * u_weightsA;\n vec3 weightsB = vec3(aCyan * (1.0 - aMint) * underneath,\n aMint * underneath, aMist * base) * u_weightsB;\n float total = dot(weightsA + weightsB, vec3(1.0));\n vec3 color = (u_indigo * weightsA.x + u_rose * weightsA.y\n + u_yellow * weightsA.z + u_cyan * weightsB.x\n + u_mint * weightsB.y + u_mist * weightsB.z) \/ max(total, 0.0001);\n\n \/\/ Domin\u00e1ns f\u0151sz\u00edn, finom bels\u0151 \u00e1raml\u00e1ssal.\n vec3 dominantSurface = mix(u_dominant, color, 0.08 + glow * 0.12);\n\n \/\/ Egy keskeny, hull\u00e1mz\u00f3 s\u00e1vban el\u0151t\u0171nnek a paletta t\u00f6bbi sz\u00ednei.\n \/\/ A s\u00e1von k\u00edv\u00fcl minden k\u00e9pkock\u00e1n a v\u00e1lasztott f\u0151sz\u00edn a leger\u0151sebb.\n vec2 bandUv = rotate(0.15 * t + 0.3) * uv;\n float bend = 0.36 * noise(vec3(bandUv.y * 1.8, t * 0.12, 4.3));\n float distanceToBand = abs(bandUv.x + bend - 0.16 * sin(t * 0.19));\n float accent = 1.0 - smoothstep(0.10, 0.39, distanceToBand);\n color = mix(dominantSurface, color, accent * 0.96);\n\n \/\/ Visszafogott t\u00e9rbelis\u00e9g: nincs er\u0151s peremf\u00e9ny vagy k\u00fcls\u0151 \u00e1rny\u00e9k.\n float light = 0.96 + 0.055 * z + 0.025 * dot(uv, vec2(-0.7, 0.6));\n color *= light;\n float grain = hash(vec3(gl_FragCoord.xy, 13.7)) - 0.5;\n color += grain * u_grain;\n gl_FragColor = vec4(clamp(color, 0.0, 1.0), edge);\n }\n `;\n\n let program;\n let buffer;\n let uniforms;\n let ready = false;\n let animationFrame = 0;\n let previousTime = null;\n let elapsed = 0;\n const initialPhase = Number.parseFloat(root.dataset.phase);\n let phase = Number.isFinite(initialPhase) ? initialPhase : 0.6;\n let inView = true;\n let destroyed = false;\n let resizeObserver = null;\n let intersectionObserver = null;\n let appearanceObserver = null;\n\n function paletteColor(name) {\n const hex = getComputedStyle(root).getPropertyValue('--orb-' + name).trim().replace('#', '');\n const value = Number.parseInt(hex, 16);\n return [(value >> 16 & 255) \/ 255, (value >> 8 & 255) \/ 255, (value & 255) \/ 255];\n }\n\n function applyAppearance() {\n if (!ready || destroyed || !gl || gl.isContextLost()) return;\n const style = getComputedStyle(root);\n const names = ['indigo', 'rose', 'yellow', 'cyan', 'mint', 'mist'];\n const weights = names.map((name) => {\n const value = Number.parseFloat(style.getPropertyValue('--orb-weight-' + name));\n return Number.isFinite(value) ? Math.max(0.01, Math.min(20, value)) : 1;\n });\n names.forEach((name) => {\n gl.uniform3f(gl.getUniformLocation(program, 'u_' + name), ...paletteColor(name));\n });\n const dominant = names.includes(root.dataset.dominant) ? root.dataset.dominant : 'indigo';\n gl.uniform3f(uniforms.dominant, ...paletteColor(dominant));\n gl.uniform3f(uniforms.weightsA, ...weights.slice(0, 3));\n gl.uniform3f(uniforms.weightsB, ...weights.slice(3));\n }\n\n function compile(type, source) {\n const shader = gl.createShader(type);\n gl.shaderSource(shader, source);\n gl.compileShader(shader);\n if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n const message = gl.getShaderInfoLog(shader);\n gl.deleteShader(shader);\n throw new Error(message || 'A shader nem ford\u00edthat\u00f3 le.');\n }\n return shader;\n }\n\n function initialize() {\n const vertex = compile(gl.VERTEX_SHADER, vertexSource);\n const fragment = compile(gl.FRAGMENT_SHADER, fragmentSource);\n program = gl.createProgram();\n gl.attachShader(program, vertex);\n gl.attachShader(program, fragment);\n gl.linkProgram(program);\n gl.deleteShader(vertex);\n gl.deleteShader(fragment);\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n throw new Error(gl.getProgramInfoLog(program) || 'A program nem kapcsolhat\u00f3 \u00f6ssze.');\n }\n gl.useProgram(program);\n buffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);\n const position = gl.getAttribLocation(program, 'a_position');\n gl.enableVertexAttribArray(position);\n gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n uniforms = {\n time: gl.getUniformLocation(program, 'u_time'),\n resolution: gl.getUniformLocation(program, 'u_resolution'),\n grain: gl.getUniformLocation(program, 'u_grain'),\n weightsA: gl.getUniformLocation(program, 'u_weightsA'),\n weightsB: gl.getUniformLocation(program, 'u_weightsB'),\n dominant: gl.getUniformLocation(program, 'u_dominant')\n };\n gl.uniform1f(uniforms.grain, SETTINGS.grain);\n ready = true;\n applyAppearance();\n resize();\n root.dataset.renderer = 'webgl';\n }\n\n function draw() {\n if (destroyed || !ready || gl.isContextLost()) return;\n gl.uniform1f(uniforms.time, phase);\n\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n }\n\n function resize() {\n\n if (destroyed || !ready) return;\n const width = root.getBoundingClientRect().width;\n const pixelRatio = Math.min(window.devicePixelRatio || 1, SETTINGS.maxPixelRatio);\n const size = Math.max(1, Math.min(SETTINGS.maxResolution, Math.round(width * pixelRatio)));\n if (canvas.width !== size || canvas.height !== size) {\n canvas.width = canvas.height = size;\n }\n gl.viewport(0, 0, size, size);\n gl.uniform1f(uniforms.resolution, size);\n draw();\n }\n\n function stop() {\n cancelAnimationFrame(animationFrame);\n animationFrame = 0;\n previousTime = null;\n }\n\n function shouldAnimate() {\n return !destroyed && ready && inView && !document.hidden && !reducedMotion.matches;\n }\n\n function tick(now) {\n animationFrame = 0;\n if (!shouldAnimate()) { previousTime = null; return; }\n const delta = previousTime === null ? 0 : Math.min((now - previousTime) \/ 1000, 0.06);\n previousTime = now;\n elapsed += delta;\n\n \/\/ Folyamatos temp\u00f3v\u00e1lt\u00e1s: hosszabb nyugodt r\u00e9szek \u00e9s r\u00f6vid \u00e9l\u00e9nk\u00fcl\u00e9sek.\n \/\/ Az id\u0151 integr\u00e1l\u00e1sa megakad\u00e1lyozza a hirtelen ugr\u00e1st vagy visszafordul\u00e1st.\n const swell = 0.5 + 0.5 * Math.sin(elapsed * 0.29 + 0.8 * Math.sin(elapsed * 0.11));\n const tempo = 0.22 + 0.68 * swell * swell * swell;\n phase += delta * tempo * SETTINGS.speed;\n draw();\n animationFrame = requestAnimationFrame(tick);\n }\n\n function syncPlayback() {\n if (shouldAnimate()) {\n if (!animationFrame) animationFrame = requestAnimationFrame(tick);\n } else {\n stop();\n draw();\n }\n root.querySelectorAll('.beept-orb-mini__cloud').forEach((cloud) => {\n cloud.style.animationPlayState = (!document.hidden && inView && !reducedMotion.matches) ? 'running' : 'paused';\n });\n }\n\n function onContextLost(event) {\n event.preventDefault();\n ready = false;\n stop();\n delete root.dataset.renderer;\n syncPlayback();\n }\n\n function onContextRestored() {\n try {\n initialize();\n syncPlayback();\n } catch (error) {\n ready = false;\n delete root.dataset.renderer;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n }\n\n canvas.addEventListener('webglcontextlost', onContextLost);\n canvas.addEventListener('webglcontextrestored', onContextRestored);\n\n try {\n if (gl) initialize();\n } catch (error) {\n ready = false;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n\n if ('ResizeObserver' in window) {\n resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(root);\n }\n window.addEventListener('resize', resize, { passive: true });\n document.addEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.addEventListener) reducedMotion.addEventListener('change', syncPlayback);\n else reducedMotion.addListener(syncPlayback);\n\n if ('IntersectionObserver' in window) {\n intersectionObserver = new IntersectionObserver(([entry]) => {\n inView = entry.isIntersecting;\n syncPlayback();\n }, { threshold: 0 });\n intersectionObserver.observe(root);\n }\n\n if ('MutationObserver' in window) {\n appearanceObserver = new MutationObserver(() => {\n applyAppearance();\n draw();\n });\n appearanceObserver.observe(root, {\n attributes: true,\n attributeFilter: ['data-dominant', 'style', 'class']\n });\n }\n\n syncPlayback();\n\n return {\n canvas,\n destroy() {\n destroyed = true;\n ready = false;\n stop();\n if (resizeObserver) resizeObserver.disconnect();\n if (intersectionObserver) intersectionObserver.disconnect();\n if (appearanceObserver) appearanceObserver.disconnect();\n window.removeEventListener('resize', resize);\n document.removeEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.removeEventListener) reducedMotion.removeEventListener('change', syncPlayback);\n else reducedMotion.removeListener(syncPlayback);\n canvas.removeEventListener('webglcontextlost', onContextLost);\n canvas.removeEventListener('webglcontextrestored', onContextRestored);\n if (gl && !gl.isContextLost()) {\n if (buffer) gl.deleteBuffer(buffer);\n if (program) gl.deleteProgram(program);\n const loseContext = gl.getExtension('WEBGL_lose_context');\n if (loseContext) loseContext.loseContext();\n }\n }\n };\n\n }\n\n function scan() {\n instances.forEach((instance, root) => {\n if (!root.isConnected || root.querySelector('.beept-orb-mini__canvas') !== instance.canvas) {\n instance.destroy();\n instances.delete(root);\n }\n });\n\n document.querySelectorAll('.beept-orb-mini').forEach((root) => {\n if (instances.has(root)) return;\n const canvas = root.querySelector('.beept-orb-mini__canvas');\n if (!canvas) return;\n try {\n instances.set(root, createOrb(root, canvas));\n } catch (error) {\n delete root.dataset.renderer;\n console.warn('A BeePT k\u00f6r ind\u00edt\u00e1sa nem siker\u00fclt.', error);\n }\n });\n }\n\n function queueScan() {\n if (scanQueued) return;\n scanQueued = true;\n queueMicrotask(() => {\n scanQueued = false;\n scan();\n });\n }\n\n window[RUNTIME_KEY] = { scan };\n scan();\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', scan, { once: true });\n }\n\n \/\/ Kezeli a szerkeszt\u0151ben hozz\u00e1adott, duplik\u00e1lt \u00e9s \u00fajrarajzolt HTML-blokkokat is.\n if ('MutationObserver' in window) {\n const observer = new MutationObserver(queueScan);\n observer.observe(document.documentElement, { childList: true, subtree: true });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d1f685 elementor-widget elementor-widget-heading\" data-id=\"4d1f685\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">A megfelel\u0151 ember a megfelel\u0151 inform\u00e1ci\u00f3hoz f\u00e9r hozz\u00e1\u200b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-965a683 elementor-widget elementor-widget-text-editor\" data-id=\"965a683\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A hozz\u00e1f\u00e9r\u00e9sek szerepk\u00f6r\u00f6nk\u00e9nt szab\u00e1lyozhat\u00f3k\u200b<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e61f5d blur-reset-section e-flex e-con-boxed e-con e-parent\" data-id=\"3e61f5d\" data-element_type=\"container\" data-e-type=\"container\" id=\"blur-reset-section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d7fbc7 elementor-widget elementor-widget-heading\" data-id=\"3d7fbc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A c\u00e9ges tud\u00e1sotok a ti\u00e9tek marad<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e7dd6d elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"8e7dd6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" dir=\"auto\" data-start=\"787\" data-end=\"936\">Minden szervezet saj\u00e1t, elk\u00fcl\u00f6n\u00edtett tud\u00e1sb\u00e1zist \u00e9s saj\u00e1t AI k\u00f6rnyezetet kap. Ti d\u00f6ntitek el, milyen inform\u00e1ci\u00f3 ker\u00fcl bele, \u00e9s ki mihez f\u00e9rhet hozz\u00e1. A partnerek modelljeit \u00e9s tud\u00e1sb\u00e1zisait teljesen elk\u00fcl\u00f6n\u00edtve kezelj\u00fck. <br \/><strong data-start=\"1009\" data-end=\"1061\">A k\u00fcl\u00f6nb\u00f6z\u0151 c\u00e9gek adatai k\u00f6z\u00f6tt nincs kapcsolat.<\/strong><\/p><p dir=\"auto\" data-start=\"1063\" data-end=\"1295\">A v\u00e1laszokat nem hagyjuk magukra. Teszt \u00fcgyn\u00f6keink folyamatosan ellen\u0151rzik, hogy a BeePT a megfelel\u0151 tud\u00e1sb\u00f3l, megfelel\u0151 v\u00e1laszt adja. \u00cdgy nem csak egy AI asszisztenst kaptok, hanem kontrollt is afelett, hogy mit mond a koll\u00e9g\u00e1knak.<br \/><strong>Nem el\u00e9g, hogy v\u00e1laszol. Azt is tudnod kell, hogy j\u00f3l v\u00e1laszol.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b8f148 e-flex e-con-boxed e-con e-parent\" data-id=\"8b8f148\" data-element_type=\"container\" data-e-type=\"container\" id=\"demo\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-81a0d98 e-con-full e-flex e-con e-child\" data-id=\"81a0d98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-74e8271 e-con-full e-flex e-con e-child\" data-id=\"74e8271\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88cbb15 elementor-widget elementor-widget-heading\" data-id=\"88cbb15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">N\u00e9zz\u00fck meg, mire tudna v\u00e1laszolni n\u00e1latok a BeePT.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43f65be elementor-widget elementor-widget-text-editor\" data-id=\"43f65be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p dir=\"auto\" data-start=\"5548\" data-end=\"5642\">Mondj\u00e1tok el r\u00f6viden, milyen tud\u00e1sb\u00f3l dolgozna, mi pedig megmutatjuk, hogyan n\u00e9zne ki n\u00e1latok.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b573ef e-con-full e-flex e-con e-child\" data-id=\"3b573ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96b15cb elementor-button-align-start form elementor-widget elementor-widget-form\" data-id=\"96b15cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"K\\u00f6vetkez\\u0151","step_previous_label":"El\\u0151z\\u0151","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"callback\" aria-label=\"callback\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"9706\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"96b15cb\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"BeePT - Beeward\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"9706\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_b87d074 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_b87d074\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tN\u00e9v\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_b87d074]\" id=\"form-field-field_b87d074\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Zoli\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tC\u00e9gn\u00e9v\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Plan Bee Kft.\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"zoli@planbee.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_6f73360 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_6f73360\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTelefonsz\u00e1m\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_6f73360]\" id=\"form-field-field_6f73360\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"+36 30 19 83 511\" pattern=\"[0-9()#&+*-=.]+\" title=\"Csak a sz\u00e1mok \u00e9s a telefonkarakterek (#, -, * stb.) fogadhat\u00f3k el.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_b4176b5 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[field_b4176b5]\" id=\"form-field-field_b4176b5\" class=\"elementor-field elementor-size-sm elementor-acceptance-field\" required=\"required\">\n\t\t\t\t<label for=\"form-field-field_b4176b5\">Elfogadom az <a href=\"https:\/\/beeward.buzz\/adatvedelmi-nyilatkozat\" style=\"color:#000; text-decoration:underline;\">adatv\u00e9delmi nyilatkozatot<\/a><\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">MEGN\u00c9ZEM A SAJ\u00c1T C\u00c9GEMRE<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6fac4e e-con-full e-flex e-con e-parent\" data-id=\"e6fac4e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-925e9cc e-flex e-con-boxed e-con e-child\" data-id=\"925e9cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3499830 e-con-full e-flex e-con e-child\" data-id=\"3499830\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a7c588 elementor-widget elementor-widget-heading\" data-id=\"4a7c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A j\u00f3 m\u0171k\u00f6d\u00e9shez nem csak v\u00e1laszok kellenek<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca99228 e-con-full e-flex e-con e-child\" data-id=\"ca99228\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4f97ea bw_text elementor-widget elementor-widget-text-editor\" data-id=\"a4f97ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"148\" data-end=\"322\"><strong>A BeePT a Beeward r\u00e9sze<\/strong><\/p><p>A Beeward seg\u00edt l\u00e1that\u00f3v\u00e1 tenni az emberek hozz\u00e1j\u00e1rul\u00e1s\u00e1t, a BeePT pedig k\u00f6nnyebben el\u00e9rhet\u0151v\u00e9 teszi a c\u00e9ges tud\u00e1st.<\/p><p data-start=\"324\" data-end=\"477\"><a href=\"https:\/\/beeward.buzz\/\" target=\"_blank\" rel=\"noopener\">B\u0151vebben a Beeward-r\u00f3l<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76b1a26 e-flex e-con-boxed e-con e-parent\" data-id=\"76b1a26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f1995 elementor-widget elementor-widget-html\" data-id=\"44f1995\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.beept-sticky-visual {\n transition: filter 0.25s linear !important;\n will-change: filter;\n}\n\n\n.beept-float {\n animation: beeFloat 6s ease-in-out infinite;\n}\n\n@keyframes beeFloat {\n 0% {\n transform: translateY(0px);\n }\n\n 30% {\n transform: translateY(-10px);\n }\n\n 100% {\n transform: translateY(0px);\n }\n}\n\n<\/style>\n\n<script>\nwindow.addEventListener(\"scroll\", function () {\n const target = document.querySelector(\".beept-sticky-visual\");\n const resetSection = document.querySelector(\".blur-reset-section\");\n\n if (!target) return;\n\n const scrollY = window.scrollY || window.pageYOffset;\n\n \/* BLUR FEL\u00c9P\u00dcL\u00c9S *\/\n const maxScroll = 320;\n let progress = Math.min(scrollY \/ maxScroll, 1);\n let blur = progress * 12;\n\n \/* UNBLUR SECTION *\/\n if (resetSection) {\n const rect = resetSection.getBoundingClientRect();\n\n const start = window.innerHeight * 1.2;\n const end = window.innerHeight * 0.55;\n const minBlur = 0.5;\n\n let unblurProgress = (start - rect.top) \/ (start - end);\n unblurProgress = Math.min(Math.max(unblurProgress, 0), 1);\n\n blur = (blur * (1 - unblurProgress)) + (minBlur * unblurProgress);\n }\n\n target.style.setProperty(\"filter\", \"blur(\" + blur + \"px)\", \"important\");\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Organikus k\u00f6ranim\u00e1ci\u00f3 BeePT A c\u00e9ged saj\u00e1t AI asszisztense Bels\u0151 tud\u00e1sb\u00f3l, gyors v\u00e1laszok A BeePT a saj\u00e1t c\u00e9ges tud\u00e1sb\u00f3l v\u00e1laszol, hogy ne kelljen minden k\u00e9rd\u00e9ssel ugyanazokat az embereket keresni. hogyan m\u0171k\u00f6dik? hogyan m\u0171k\u00f6dik? Bemutat\u00f3t k\u00e9rek Vend\u00e9gl\u00e1t\u00e1s \u00dcgyn\u00f6ks\u00e9gek K\u00f6nyvel\u0151k Tervez\u0151k Vend\u00e9gl\u00e1t\u00e1s\u00dcgyn\u00f6ks\u00e9gekK\u00f6nyvel\u0151kTervez\u0151k BeePT Szia! Miben seg\u00edthetek ma? Az \u00f6sszes p\u00e9ldak\u00e9rd\u00e9st kipr\u00f3b\u00e1ltad. A BeePT v\u00e1laszai t\u00e9vedhetnek, a fontos d\u00f6nt\u00e9seket […]<\/p>\n","protected":false},"author":3,"featured_media":11127,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9706","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>BeePT - Beeward<\/title>\n<meta name=\"description\" content=\"A BeePT egy AI c\u00e9ges tud\u00e1sb\u00e1zis, amely rendszerezi a c\u00e9ges inform\u00e1ci\u00f3kat, t\u00e1mogatja az onboardingot \u00e9s gyorsan v\u00e1laszt ad.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/beeward.buzz\/en\/beept\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BeePT - Beeward\" \/>\n<meta property=\"og:description\" content=\"A BeePT egy AI c\u00e9ges tud\u00e1sb\u00e1zis, amely rendszerezi a c\u00e9ges inform\u00e1ci\u00f3kat, t\u00e1mogatja az onboardingot \u00e9s gyorsan v\u00e1laszt ad.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/beeward.buzz\/en\/beept\/\" \/>\n<meta property=\"og:site_name\" content=\"Beeward\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/beeward.buzz\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-29T08:24:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/beeward.buzz\/wp-content\/uploads\/2026\/05\/beept_prezibe.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/\",\"url\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/\",\"name\":\"BeePT - Beeward\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/beeward.buzz\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/beeward.buzz\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/beept-ai-a-ceges-tudas-mogott.png\",\"datePublished\":\"2026-05-07T21:34:43+00:00\",\"dateModified\":\"2026-09-29T08:24:50+00:00\",\"description\":\"A BeePT egy AI c\u00e9ges tud\u00e1sb\u00e1zis, amely rendszerezi a c\u00e9ges inform\u00e1ci\u00f3kat, t\u00e1mogatja az onboardingot \u00e9s gyorsan v\u00e1laszt ad.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/beeward.buzz\\\/beept\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/#primaryimage\",\"url\":\"https:\\\/\\\/beeward.buzz\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/beept-ai-a-ceges-tudas-mogott.png\",\"contentUrl\":\"https:\\\/\\\/beeward.buzz\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/beept-ai-a-ceges-tudas-mogott.png\",\"width\":1616,\"height\":1216},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Kezd\u0151lap\",\"item\":\"https:\\\/\\\/beeward.buzz\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BeePT\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/beeward.buzz\\\/#website\",\"url\":\"https:\\\/\\\/beeward.buzz\\\/\",\"name\":\"Beeward\",\"description\":\"Jobb munkahelyi kapcsolatokat \u00e9p\u00edt\u00fcnk, elismer\u00e9s, motiv\u00e1ci\u00f3, jutalmaz\u00e1s\",\"publisher\":{\"@id\":\"https:\\\/\\\/beeward.buzz\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/beeward.buzz\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/beeward.buzz\\\/#organization\",\"name\":\"Beeward\",\"url\":\"https:\\\/\\\/beeward.buzz\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/beeward.buzz\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/beeward.buzz\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/beeward_logo_black.svg\",\"contentUrl\":\"https:\\\/\\\/beeward.buzz\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/beeward_logo_black.svg\",\"width\":130,\"height\":45,\"caption\":\"Beeward\"},\"image\":{\"@id\":\"https:\\\/\\\/beeward.buzz\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/beeward.buzz\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/beeward\\\/\",\"https:\\\/\\\/www.instagram.com\\\/beeward.buzz\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@beeward.buzz\"]}]}<\/script>\n","yoast_head_json":{"title":"BeePT - Beeward","description":"BeePT is an AI-powered corporate knowledge base that organizes company information, supports onboarding, and provides quick answers.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/beeward.buzz\/en\/beept\/","og_locale":"en_US","og_type":"article","og_title":"BeePT - Beeward","og_description":"A BeePT egy AI c\u00e9ges tud\u00e1sb\u00e1zis, amely rendszerezi a c\u00e9ges inform\u00e1ci\u00f3kat, t\u00e1mogatja az onboardingot \u00e9s gyorsan v\u00e1laszt ad.","og_url":"https:\/\/beeward.buzz\/en\/beept\/","og_site_name":"Beeward","article_publisher":"https:\/\/www.facebook.com\/beeward.buzz","article_modified_time":"2026-09-29T08:24:50+00:00","og_image":[{"url":"https:\/\/beeward.buzz\/wp-content\/uploads\/2026\/05\/beept_prezibe.gif","width":800,"height":628,"type":"image\/gif"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/beeward.buzz\/beept\/","url":"https:\/\/beeward.buzz\/beept\/","name":"BeePT - Beeward","isPartOf":{"@id":"https:\/\/beeward.buzz\/#website"},"primaryImageOfPage":{"@id":"https:\/\/beeward.buzz\/beept\/#primaryimage"},"image":{"@id":"https:\/\/beeward.buzz\/beept\/#primaryimage"},"thumbnailUrl":"https:\/\/beeward.buzz\/wp-content\/uploads\/2026\/05\/beept-ai-a-ceges-tudas-mogott.png","datePublished":"2026-05-07T21:34:43+00:00","dateModified":"2026-09-29T08:24:50+00:00","description":"BeePT is an AI-powered corporate knowledge base that organizes company information, supports onboarding, and provides quick answers.","breadcrumb":{"@id":"https:\/\/beeward.buzz\/beept\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/beeward.buzz\/beept\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/beeward.buzz\/beept\/#primaryimage","url":"https:\/\/beeward.buzz\/wp-content\/uploads\/2026\/05\/beept-ai-a-ceges-tudas-mogott.png","contentUrl":"https:\/\/beeward.buzz\/wp-content\/uploads\/2026\/05\/beept-ai-a-ceges-tudas-mogott.png","width":1616,"height":1216},{"@type":"BreadcrumbList","@id":"https:\/\/beeward.buzz\/beept\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Kezd\u0151lap","item":"https:\/\/beeward.buzz\/"},{"@type":"ListItem","position":2,"name":"BeePT"}]},{"@type":"WebSite","@id":"https:\/\/beeward.buzz\/#website","url":"https:\/\/beeward.buzz\/","name":"Beeward","description":"Building better workplace relationships, recognition, motivation, rewards","publisher":{"@id":"https:\/\/beeward.buzz\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/beeward.buzz\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/beeward.buzz\/#organization","name":"Beeward","url":"https:\/\/beeward.buzz\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/beeward.buzz\/#\/schema\/logo\/image\/","url":"https:\/\/beeward.buzz\/wp-content\/uploads\/2024\/08\/beeward_logo_black.svg","contentUrl":"https:\/\/beeward.buzz\/wp-content\/uploads\/2024\/08\/beeward_logo_black.svg","width":130,"height":45,"caption":"Beeward"},"image":{"@id":"https:\/\/beeward.buzz\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/beeward.buzz","https:\/\/www.linkedin.com\/company\/beeward\/","https:\/\/www.instagram.com\/beeward.buzz\/","https:\/\/www.tiktok.com\/@beeward.buzz"]}]}},"_links":{"self":[{"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/pages\/9706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/comments?post=9706"}],"version-history":[{"count":1783,"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/pages\/9706\/revisions"}],"predecessor-version":[{"id":13198,"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/pages\/9706\/revisions\/13198"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/media\/11127"}],"wp:attachment":[{"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/media?parent=9706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \n Organikus k\u00f6ranim\u00e1ci\u00f3<\/title>\n <style>\n :root {\n \/* Szabadon m\u00f3dos\u00edthat\u00f3: h\u00e1tt\u00e9rsz\u00edn, maxim\u00e1lis m\u00e9ret, k\u00fcls\u0151 t\u00e9rk\u00f6z. *\/\n --page-background: #f4f3f1;\n --orb-size: 300px;\n --page-padding: clamp(20px, 2vw, 64px);\n \/* A megadott paletta. A 979AB0 sz\u00ednt egyszer szerepeltetj\u00fck. *\/\n --orb-indigo: #40438E;\n --orb-rose: #FF0048;\n --orb-yellow: #FFC40E;\n --orb-cyan: #95E5F9;\n --orb-mint: #81E3A5;\n --orb-mist: #979AB0;\n }\n\n * { box-sizing: border-box; }\n html, body { margin: 0; min-height: 100%; }\n body { background: var(--page-background); }\n\n .stage {\n display: grid;\n place-items: left;\n width: 100%;\n \n padding: var(--page-padding);\n }\n\n \/* Be\u00e1gyaz\u00e1shoz a .orb a sz\u00fcl\u0151elem sz\u00e9less\u00e9g\u00e9hez is alkalmazkodik. *\/\n .orb {\n position: relative;\n display: block;\n border: 0;\n padding: 0;\n margin: 0;\n background: transparent;\n cursor: pointer;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n width: min(100%, var(--orb-size), calc(100vh - 2 * var(--page-padding)));\n width: min(100%, var(--orb-size), calc(100svh - 2 * var(--page-padding)));\n aspect-ratio: 1;\n overflow: hidden;\n border-radius: 50%;\n isolation: isolate;\n border: solid 4px #fff;\n }\n\n .orb:focus-visible {\n outline: 3px solid var(--orb-indigo);\n outline-offset: 8px;\n \n }\n\n .orb__canvas {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .orb[data-renderer=\"webgl\"] .orb__canvas { opacity: 1; }\n .orb[data-renderer=\"webgl\"] .orb__fallback { display: none; }\n\n \/* A fogad\u00f3 oldal megl\u00e9v\u0151 Ubuntu bet\u0171k\u00e9szlet\u00e9t haszn\u00e1lja. *\/\n #organic-orb .orb__label {\n position: absolute;\n inset: 0;\n z-index: 10;\n display: grid;\n place-items: center;\n opacity: 1;\n visibility: visible;\n pointer-events: none;\n user-select: none;\n }\n\n #organic-orb .orb__label-text {\n display: block;\n max-width: 80%;\n margin: 0;\n padding: 0;\n color: #ffffff;\n -webkit-text-fill-color: #ffffff;\n font-family: 'Ubuntu', sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 15px;\n line-height: 1;\n letter-spacing: normal;\n white-space: nowrap;\n text-align: center;\n text-transform: none;\n opacity: 1;\n visibility: visible;\n }\n\n \/* Tartal\u00e9k megjelen\u00edt\u00e9s, ha a WebGL nem \u00e9rhet\u0151 el. *\/\n .orb__fallback {\n position: absolute;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n border-radius: inherit;\n background: var(--orb-indigo);\n transform: rotate(calc(var(--orb-response, 0) * 18deg)) scale(calc(1 + var(--orb-response, 0) * .06));\n filter: saturate(calc(1 + var(--orb-response, 0) * .1));\n }\n\n .orb__cloud {\n position: absolute;\n inset: -30%;\n background:\n radial-gradient(ellipse at 22% 46%, var(--orb-yellow) 0, var(--orb-rose) 9%, transparent 32%),\n radial-gradient(ellipse at 72% 32%, var(--orb-cyan) 0, transparent 41%),\n radial-gradient(ellipse at 65% 78%, var(--orb-mint) 0, transparent 24%),\n radial-gradient(ellipse at 40% 70%, var(--orb-mist) 0, var(--orb-indigo) 52%);\n filter: blur(18px);\n animation: cloud-drift 31s ease-in-out infinite alternate;\n will-change: transform;\n }\n\n .orb__cloud--second {\n background:\n radial-gradient(ellipse at 35% 30%, var(--orb-rose) 0, transparent 25%),\n radial-gradient(ellipse at 65% 66%, var(--orb-cyan) 0, transparent 40%);\n opacity: .55;\n animation-name: cloud-fold;\n animation-duration: 23s;\n }\n\n .orb__grain {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: .16;\n mix-blend-mode: soft-light;\n }\n\n @keyframes cloud-drift {\n 0% { transform: rotate(-12deg) scale(1.08) translate(-3%, 1%); }\n 38% { transform: rotate(19deg) scale(1.2, .95) translate(2%, -3%); }\n 65% { transform: rotate(58deg) scale(.95, 1.15) translate(-2%, 4%); }\n 100% { transform: rotate(100deg) scale(1.1) translate(3%, -2%); }\n }\n\n @keyframes cloud-fold {\n 0% { transform: rotate(0) scale(1.15, .9) translate(5%, -5%); }\n 50% { transform: rotate(-50deg) scale(.9, 1.15) translate(-8%, 8%); }\n 100% { transform: rotate(-115deg) scale(1.2, .95) translate(4%, 2%); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .orb__cloud { animation-play-state: paused; }\n }\n <\/style>\n<\/head>\n<body>\n <main class=\"stage\">\n <button class=\"orb\" id=\"organic-orb\" type=\"button\" aria-label=\"BeePT. Eg\u00e9rr\u00e1h\u00faz\u00e1ssal, kattint\u00e1ssal, \u00e9rint\u00e9ssel vagy Enterrel felkavarhat\u00f3.\">\n <span class=\"orb__fallback\" aria-hidden=\"true\">\n <span class=\"orb__cloud\"><\/span>\n <span class=\"orb__cloud orb__cloud--second\"><\/span>\n <svg class=\"orb__grain\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <filter id=\"orb-grain-filter\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\".85\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\n <feColorMatrix type=\"saturate\" values=\"0\"\/>\n <\/filter>\n <rect width=\"100%\" height=\"100%\" filter=\"url(#orb-grain-filter)\"\/>\n <\/svg>\n <\/span>\n <canvas class=\"orb__canvas\" aria-hidden=\"true\"><\/canvas>\n <span class=\"orb__label\" aria-hidden=\"true\"><span class=\"orb__label-text\">BeePT<\/span><\/span>\n <\/button>\n <\/main>\n\n <script>\n (() => {\n 'use strict';\n\n \/*\n * \u00d6n\u00e1ll\u00f3, h\u00e1l\u00f3zati k\u00e9r\u00e9s \u00e9s k\u00fcls\u0151 k\u00f6nyvt\u00e1r n\u00e9lk\u00fcl fut\u00f3 anim\u00e1ci\u00f3.\n * A sebess\u00e9get \u00e9s a szemcs\u00e9zetts\u00e9get itt lehet finomhangolni.\n *\/\n const SETTINGS = {\n speed: 1, \/\/ 0.5: fele sebess\u00e9g; 2: k\u00e9tszeres sebess\u00e9g\n grain: 0.07, \/\/ 0: sima fel\u00fclet; 0.10 k\u00f6r\u00fcl: finom szemcs\u00e9k\n hoverStrength: 1, \/\/ Az eg\u00e9rr\u00e1h\u00faz\u00e1s \u00e9s \u00e9rint\u00e9s hat\u00e1s\u00e1nak er\u0151ss\u00e9ge\n maxResolution: 1220, \/\/ Bels\u0151 felbont\u00e1s fels\u0151 hat\u00e1ra\n maxPixelRatio: 2\n };\n\n const root = document.getElementById('organic-orb');\n const canvas = root.querySelector('canvas');\n const label = root.querySelector('.orb__label-text');\n\n function fitLabel() {\n const diameter = root.getBoundingClientRect().width;\n if (!diameter) return;\n const maximumWidth = diameter * 0.8;\n const fontSize = diameter * 0.25;\n label.style.fontSize = fontSize + 'px';\n if (label.scrollWidth > maximumWidth) {\n label.style.fontSize = (fontSize * maximumWidth \/ label.scrollWidth * 0.995) + 'px';\n }\n }\n\n \/\/ A felirat saj\u00e1t HTML-r\u00e9tegen van, a grafikus motort\u00f3l f\u00fcggetlen\u00fcl.\n fitLabel();\n if (document.fonts) {\n document.fonts.ready.then(fitLabel);\n document.fonts.addEventListener('loadingdone', fitLabel);\n }\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n const gl = canvas.getContext('webgl', {\n alpha: true,\n antialias: false,\n depth: false,\n stencil: false,\n premultipliedAlpha: false,\n powerPreference: 'low-power'\n });\n\n const vertexSource = `\n attribute vec2 a_position;\n varying vec2 v_uv;\n void main() {\n v_uv = a_position;\n gl_Position = vec4(a_position, 0.0, 1.0);\n }\n `;\n\n const fragmentSource = `\n precision highp float;\n varying vec2 v_uv;\n uniform float u_time;\n uniform float u_resolution;\n uniform float u_grain;\n uniform float u_activity;\n uniform vec2 u_pointer;\n uniform vec3 u_indigo;\n uniform vec3 u_rose;\n uniform vec3 u_yellow;\n uniform vec3 u_cyan;\n uniform vec3 u_mint;\n uniform vec3 u_mist;\n\n float hash(vec3 p) {\n p = fract(p * 0.1031);\n p += dot(p, p.yzx + 33.33);\n return fract((p.x + p.y) * p.z);\n }\n\n \/\/ Folytonos, h\u00e1romdimenzi\u00f3s \u00e9rt\u00e9kzaj, sima interpol\u00e1ci\u00f3val.\n float noise(vec3 p) {\n vec3 i = floor(p);\n vec3 f = fract(p);\n f = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n return mix(\n mix(mix(hash(i), hash(i + vec3(1,0,0)), f.x),\n mix(hash(i + vec3(0,1,0)), hash(i + vec3(1,1,0)), f.x), f.y),\n mix(mix(hash(i + vec3(0,0,1)), hash(i + vec3(1,0,1)), f.x),\n mix(hash(i + vec3(0,1,1)), hash(i + vec3(1,1,1)), f.x), f.y),\n f.z\n ) * 2.0 - 1.0;\n }\n\n mat2 rotate(float a) {\n float s = sin(a), c = cos(a);\n return mat2(c, -s, s, c);\n }\n\n void main() {\n vec2 uv = v_uv;\n float r = length(uv);\n float edge = 1.0 - smoothstep(1.0 - 2.0 \/ u_resolution, 1.0, r);\n if (edge <= 0.0) { gl_FragColor = vec4(0.0); return; }\n\n float t = u_time;\n float z = sqrt(max(0.0, 1.0 - dot(uv, uv)));\n vec3 p = vec3(uv * 1.35, z * 0.7);\n \/\/ A kurzor k\u00f6r\u00fcl felkavarodik a bels\u0151 mint\u00e1zat, a k\u00fcls\u0151 k\u00f6r stabil.\n vec2 distanceToPointer = uv - u_pointer;\n float influence = exp(-dot(distanceToPointer, distanceToPointer) * 1.7);\n p.xy = rotate(u_activity * (0.22 + 0.65 * influence)) * p.xy;\n p.xy += u_activity * 0.10 * vec2(sin(uv.y * 3.0 + t), cos(uv.x * 3.0 - t));\n p.xy = rotate(0.13 * t + 0.14 * sin(t * 0.29)) * p.xy;\n p.xz = rotate(0.1 * sin(t * 0.22)) * p.xz;\n\n vec3 warp = vec3(\n noise(p * 1.35 + vec3(0.0, 0.0, t * 0.13)),\n noise(p * 1.35 + vec3(5.2, 1.3, -t * 0.11)),\n noise(p * 1.35 + vec3(-4.0, 8.2, t * 0.1))\n );\n vec3 q = p + warp * (0.72 + u_activity * 0.30);\n float flow = noise(q * 1.55 + vec3(1.7, 3.8, t * 0.1));\n float folds = noise(q * 2.45 + vec3(7.8, 0.2, -t * 0.08));\n float softness = noise(q * 1.25 + vec3(2.4, 9.3, t * 0.08));\n\n \/\/ Indig\u00f3 alap, vil\u00e1gosk\u00e9k f\u00e9nyek, kisebb piros, s\u00e1rga \u00e9s mentaz\u00f6ld foltok.\n float cool = smoothstep(-0.28, 0.70, q.x * 0.45 + softness * 0.70);\n float warm = smoothstep(0.02, 0.78, -q.x * 0.50 + flow * 0.70 + u_activity * 0.08);\n float glow = smoothstep(-0.35, 0.60, folds * 0.65 + q.y * 0.25);\n vec3 color = mix(u_indigo, u_mist, glow * 0.36);\n color = mix(color, u_cyan, cool * 0.92);\n\n float mintPatch = smoothstep(0.24, 0.77, folds * 0.8 - q.y * 0.38);\n color = mix(color, u_mint, mintPatch * cool * 0.84);\n color = mix(color, u_rose, warm * 0.96);\n\n \/\/ Keskeny, aranys\u00e1rga f\u00e9nyfoltok; a s\u00e1rga nem uralja az eg\u00e9sz fel\u00fcletet.\n float ribbon = 1.0 - smoothstep(0.01, 0.23, abs(flow + q.y * 0.28 + 0.14));\n color = mix(color, u_yellow, ribbon * pow(warm, 1.4) * 0.85);\n\n \/\/ Visszafogott t\u00e9rbelis\u00e9g: nincs er\u0151s peremf\u00e9ny vagy k\u00fcls\u0151 \u00e1rny\u00e9k.\n float light = 0.96 + 0.055 * z + 0.025 * dot(uv, vec2(-0.7, 0.6));\n color *= light;\n float grain = hash(vec3(gl_FragCoord.xy, 13.7)) - 0.5;\n color += grain * u_grain;\n gl_FragColor = vec4(clamp(color, 0.0, 1.0), edge);\n }\n `;\n\n let program;\n let buffer;\n let uniforms;\n let ready = false;\n let animationFrame = 0;\n let previousTime = null;\n let elapsed = 0;\n let phase = 0.6;\n let inView = true;\n let hovered = false;\n let impulse = 0;\n let activity = 0;\n let pointerX = 0;\n let pointerY = 0;\n let targetX = 0;\n let targetY = 0;\n\n function paletteColor(name) {\n const hex = getComputedStyle(root).getPropertyValue('--orb-' + name).trim().replace('#', '');\n const value = Number.parseInt(hex, 16);\n return [(value >> 16 & 255) \/ 255, (value >> 8 & 255) \/ 255, (value & 255) \/ 255];\n }\n\n function stir() {\n if (reducedMotion.matches) {\n \/\/ Cs\u00f6kkentett mozg\u00e1s mellett csak egyetlen \u00faj \u00e1ll\u00f3k\u00e9p jelenik meg.\n phase += 0.8;\n draw();\n return;\n }\n impulse = 1.25 * SETTINGS.hoverStrength;\n syncPlayback();\n }\n\n function setHovered(value) {\n if (hovered === value) return;\n hovered = value;\n if (value) stir();\n else { targetX = 0; targetY = 0; }\n }\n\n function locatePointer(event) {\n const rect = root.getBoundingClientRect();\n const x = (event.clientX - rect.left) \/ rect.width * 2 - 1;\n const y = 1 - (event.clientY - rect.top) \/ rect.height * 2;\n targetX = Math.max(-1, Math.min(1, x));\n targetY = Math.max(-1, Math.min(1, y));\n return x * x + y * y <= 1;\n }\n\n function handlePointer(event) {\n if (event.pointerType === 'touch') return;\n setHovered(locatePointer(event));\n }\n\n root.addEventListener('pointerenter', handlePointer);\n root.addEventListener('pointermove', handlePointer);\n root.addEventListener('pointerleave', () => setHovered(false));\n root.addEventListener('pointercancel', () => setHovered(false));\n \/\/ Nat\u00edv gomb: eg\u00e9rrel, \u00e9rint\u00e9ssel, Enterrel \u00e9s sz\u00f3k\u00f6zzel is m\u0171k\u00f6dik.\n root.addEventListener('click', (event) => {\n if (event.detail > 0) locatePointer(event);\n else { targetX = 0; targetY = 0; }\n stir();\n });\n\n function compile(type, source) {\n const shader = gl.createShader(type);\n gl.shaderSource(shader, source);\n gl.compileShader(shader);\n if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n const message = gl.getShaderInfoLog(shader);\n gl.deleteShader(shader);\n throw new Error(message || 'A shader nem ford\u00edthat\u00f3 le.');\n }\n return shader;\n }\n\n function initialize() {\n const vertex = compile(gl.VERTEX_SHADER, vertexSource);\n const fragment = compile(gl.FRAGMENT_SHADER, fragmentSource);\n program = gl.createProgram();\n gl.attachShader(program, vertex);\n gl.attachShader(program, fragment);\n gl.linkProgram(program);\n gl.deleteShader(vertex);\n gl.deleteShader(fragment);\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n throw new Error(gl.getProgramInfoLog(program) || 'A program nem kapcsolhat\u00f3 \u00f6ssze.');\n }\n gl.useProgram(program);\n buffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);\n const position = gl.getAttribLocation(program, 'a_position');\n gl.enableVertexAttribArray(position);\n gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n uniforms = {\n time: gl.getUniformLocation(program, 'u_time'),\n resolution: gl.getUniformLocation(program, 'u_resolution'),\n grain: gl.getUniformLocation(program, 'u_grain'),\n activity: gl.getUniformLocation(program, 'u_activity'),\n pointer: gl.getUniformLocation(program, 'u_pointer')\n };\n gl.uniform1f(uniforms.grain, SETTINGS.grain);\n ['indigo', 'rose', 'yellow', 'cyan', 'mint', 'mist'].forEach((name) => {\n const location = gl.getUniformLocation(program, 'u_' + name);\n gl.uniform3f(location, ...paletteColor(name));\n });\n ready = true;\n resize();\n root.dataset.renderer = 'webgl';\n }\n\n function draw() {\n if (!ready) {\n root.style.setProperty('--orb-response', activity.toFixed(4));\n return;\n }\n if (gl.isContextLost()) return;\n gl.uniform1f(uniforms.time, phase);\n gl.uniform1f(uniforms.activity, activity);\n gl.uniform2f(uniforms.pointer, pointerX, pointerY);\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n }\n\n function resize() {\n fitLabel();\n if (!ready) return;\n const width = root.getBoundingClientRect().width;\n const pixelRatio = Math.min(window.devicePixelRatio || 1, SETTINGS.maxPixelRatio);\n const size = Math.max(1, Math.min(SETTINGS.maxResolution, Math.round(width * pixelRatio)));\n if (canvas.width !== size || canvas.height !== size) {\n canvas.width = canvas.height = size;\n }\n gl.viewport(0, 0, size, size);\n gl.uniform1f(uniforms.resolution, size);\n draw();\n }\n\n function stop() {\n cancelAnimationFrame(animationFrame);\n animationFrame = 0;\n previousTime = null;\n }\n\n function shouldAnimate() {\n return inView && !document.hidden && !reducedMotion.matches;\n }\n\n function tick(now) {\n animationFrame = 0;\n if (!shouldAnimate()) { previousTime = null; return; }\n const delta = previousTime === null ? 0 : Math.min((now - previousTime) \/ 1000, 0.06);\n previousTime = now;\n elapsed += delta;\n\n \/\/ Folyamatos temp\u00f3v\u00e1lt\u00e1s: hosszabb nyugodt r\u00e9szek \u00e9s r\u00f6vid \u00e9l\u00e9nk\u00fcl\u00e9sek.\n \/\/ Az id\u0151 integr\u00e1l\u00e1sa megakad\u00e1lyozza a hirtelen ugr\u00e1st vagy visszafordul\u00e1st.\n const swell = 0.5 + 0.5 * Math.sin(elapsed * 0.29 + 0.8 * Math.sin(elapsed * 0.11));\n const tempo = 0.22 + 0.68 * swell * swell * swell;\n \/\/ Gyors bel\u00e9p\u0151 reakci\u00f3 (~0.15 s), majd kb. 2 s alatt visszanyugv\u00e1s.\n const targetActivity = (hovered ? 0.18 : 0) * SETTINGS.hoverStrength + impulse;\n activity += (targetActivity - activity) * (1 - Math.exp(-delta * 14));\n impulse *= Math.exp(-delta * 2.4);\n const follow = 1 - Math.exp(-delta * 8);\n pointerX += (targetX - pointerX) * follow;\n pointerY += (targetY - pointerY) * follow;\n phase += delta * (tempo * SETTINGS.speed + impulse * 4.8 + activity * 0.32);\n draw();\n animationFrame = requestAnimationFrame(tick);\n }\n\n function syncPlayback() {\n if (shouldAnimate()) {\n if (!animationFrame) animationFrame = requestAnimationFrame(tick);\n } else {\n stop();\n draw();\n }\n root.querySelectorAll('.orb__cloud').forEach((cloud) => {\n cloud.style.animationPlayState = (!document.hidden && inView && !reducedMotion.matches) ? 'running' : 'paused';\n });\n }\n\n canvas.addEventListener('webglcontextlost', (event) => {\n event.preventDefault();\n ready = false;\n stop();\n delete root.dataset.renderer;\n syncPlayback();\n });\n\n canvas.addEventListener('webglcontextrestored', () => {\n try {\n initialize();\n syncPlayback();\n } catch (error) {\n ready = false;\n delete root.dataset.renderer;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n });\n\n try {\n if (gl) initialize();\n } catch (error) {\n ready = false;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n\n if ('ResizeObserver' in window) new ResizeObserver(resize).observe(root);\n window.addEventListener('resize', resize, { passive: true });\n document.addEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.addEventListener) reducedMotion.addEventListener('change', syncPlayback);\n else reducedMotion.addListener(syncPlayback);\n\n if ('IntersectionObserver' in window) {\n new IntersectionObserver(([entry]) => {\n inView = entry.isIntersecting;\n syncPlayback();\n }, { threshold: 0 }).observe(root);\n }\n\n syncPlayback();\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c99f280 e-con-full e-flex e-con e-child\" data-id=\"c99f280\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3708eeb elementor-widget elementor-widget-heading\" data-id=\"3708eeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A c\u00e9ged saj\u00e1t AI asszisztense<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ea31ce beept-text elementor-widget elementor-widget-heading\" data-id=\"9ea31ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Bels\u0151 tud\u00e1sb\u00f3l, gyors v\u00e1laszok<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b78a54 elementor-widget elementor-widget-heading\" data-id=\"8b78a54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">A BeePT a saj\u00e1t c\u00e9ges tud\u00e1sb\u00f3l v\u00e1laszol, hogy ne kelljen minden k\u00e9rd\u00e9ssel ugyanazokat az embereket keresni.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4b6e5 e-con-full e-flex e-con e-child\" data-id=\"bb4b6e5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"none","animation_mobile":"none","animation_delay":200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ceb8f41 elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"ceb8f41\" data-element_type=\"widget\" data-e-type=\"widget\" data-track=\"1\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#howitworks\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">hogyan m\u0171k\u00f6dik?<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d40a526 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-button\" data-id=\"d40a526\" data-element_type=\"widget\" data-e-type=\"widget\" data-track=\"1\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/howitworks_mobile\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">hogyan m\u0171k\u00f6dik?<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47b9cc5 elementor-widget elementor-widget-button\" data-id=\"47b9cc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-track=\"1\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#demo\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Bemutat\u00f3t k\u00e9rek<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b15dd3 e-con-full e-flex e-con e-child\" data-id=\"2b15dd3\" data-element_type=\"container\" data-e-type=\"container\" id=\"howitworks_mobile\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ef46c8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9ef46c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"bpd-demo\" aria-label=\"A BeePT interakt\u00edv bemutat\u00f3ja\">\n <div class=\"bpd-industry-tabs\" role=\"tablist\" aria-label=\"V\u00e1lassz ipar\u00e1gat\">\n <button class=\"bpd-industry-tab is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-industry=\"hospitality\">Vend\u00e9gl\u00e1t\u00e1s<\/button>\n <button class=\"bpd-industry-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-industry=\"agency\">\u00dcgyn\u00f6ks\u00e9gek<\/button>\n <button class=\"bpd-industry-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-industry=\"accounting\">K\u00f6nyvel\u0151k<\/button>\n <button class=\"bpd-industry-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-industry=\"design\">Tervez\u0151k<\/button>\n <\/div>\n\n <div class=\"bpd-industry-select\">\n <select id=\"bpd-industry-select\" aria-label=\"V\u00e1lassz ipar\u00e1gat\">\n <option value=\"hospitality\">Vend\u00e9gl\u00e1t\u00e1s<\/option>\n <option value=\"agency\">\u00dcgyn\u00f6ks\u00e9gek<\/option>\n <option value=\"accounting\">K\u00f6nyvel\u0151k<\/option>\n <option value=\"design\">Tervez\u0151k<\/option>\n <\/select>\n <span class=\"bpd-industry-select-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M7 14l5 5 5-5\"\/><\/svg>\n <\/span>\n <\/div>\n\n <section class=\"bpd-window\">\n <header class=\"bpd-header\">\n <div class=\"bpd-agent\">\n <span class=\"bpd-agent-orb\" aria-hidden=\"true\"><\/span>\n <span class=\"bpd-agent-copy\">\n <strong id=\"bpd-agent-name\">BeePT<\/strong>\n <\/span>\n <\/div>\n <\/header>\n\n <main class=\"bpd-content\" aria-live=\"polite\" aria-label=\"BeePT besz\u00e9lget\u00e9s\" tabindex=\"0\">\n <p class=\"bpd-hello\">Szia! Miben seg\u00edthetek ma?<\/p>\n\n <div class=\"bpd-chat\" hidden>\n <div class=\"bpd-question\" id=\"bpd-question\"><\/div>\n\n <div class=\"bpd-thinking\" id=\"bpd-thinking\" aria-label=\"A BeePT v\u00e1laszol\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n\n <article class=\"bpd-answer\" id=\"bpd-answer\">\n <div class=\"bpd-answer-copy\" id=\"bpd-answer-copy\"><\/div>\n <\/article>\n\n <div class=\"bpd-source\" id=\"bpd-source\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 3h9l3 3v15H6z\"\/><path d=\"M14 3v4h4M9 12h6M9 16h5\"\/><\/svg>\n <span id=\"bpd-source-text\"><\/span>\n <\/div>\n <\/div>\n\n <p class=\"bpd-empty\" hidden>Az \u00f6sszes p\u00e9ldak\u00e9rd\u00e9st kipr\u00f3b\u00e1ltad.<\/p>\n\n <div class=\"bpd-starters\" id=\"bpd-starters\"><\/div>\n <\/main>\n\n <footer class=\"bpd-footer\">\n <p>A BeePT v\u00e1laszai t\u00e9vedhetnek, a fontos d\u00f6nt\u00e9seket mindig ellen\u0151rizni kell.<\/p>\n <div class=\"bpd-input\">\n <textarea id=\"bpd-typed\" rows=\"1\" maxlength=\"2000\" placeholder=\"K\u00e9rdezz b\u00e1rmit...\" aria-label=\"Saj\u00e1t k\u00e9rd\u00e9s\"><\/textarea>\n <div class=\"bpd-input-actions\">\n <button type=\"button\" class=\"bpd-round bpd-send\" aria-label=\"K\u00e9rd\u00e9s elk\u00fcld\u00e9se\" disabled>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 19V5M7 10l5-5 5 5\"\/><\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/footer>\n\n <\/section>\n\n \n <div class=\"bpd-translation-data\" hidden>\n <div class=\"bpd-industry-data\" data-industry=\"hospitality\">\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hol tal\u00e1lom a heti beoszt\u00e1st?<\/p>\n <div class=\"bpd-scene-answer\"><p>A heti beoszt\u00e1st a Drive <strong>M\u0171k\u00f6d\u00e9s \/ Beoszt\u00e1sok<\/strong> mapp\u00e1j\u00e1ban tal\u00e1lod. Itt mindig az aktu\u00e1lis heti verzi\u00f3 van fent.<\/p><p><span class=\"bpd-demo-link\">Heti beoszt\u00e1s megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: M\u0171szakrend \u00e9s jelenl\u00e9ti szab\u00e1lyok<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hogyan cser\u00e9lhetek m\u0171szakot?<\/p>\n <div class=\"bpd-scene-answer\"><p>El\u0151sz\u00f6r egyeztess azzal, akivel cser\u00e9ln\u00e9l, majd k\u00fcldd el a k\u00e9r\u00e9st a m\u0171szakvezet\u0151nek. A csere akkor \u00e9rv\u00e9nyes, ha \u0151 j\u00f3v\u00e1hagyta.<\/p><p><span class=\"bpd-demo-link\">M\u0171szakcsere k\u00e9r\u00e9se<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: M\u0171szakrend \u00e9s jelenl\u00e9ti szab\u00e1lyok<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Mi a teend\u0151 vend\u00e9gpanasz eset\u00e9n?<\/p>\n <div class=\"bpd-scene-answer\"><p>Hallgasd v\u00e9gig a vend\u00e9get, k\u00e9rj eln\u00e9z\u00e9st a kellemetlens\u00e9g\u00e9rt, majd sz\u00f3lj a m\u0171szakvezet\u0151nek. Ha a panaszt kompenz\u00e1ci\u00f3val kell kezelni, \u0151 d\u00f6nt r\u00f3la.<\/p><p><span class=\"bpd-demo-link\">Vend\u00e9gpanasz kezel\u00e9si folyamat<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Vend\u00e9g\u00e9lm\u00e9ny \u00e9s panaszkezel\u00e9s<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Kinek sz\u00f3ljak, ha kifogyott egy alapanyag?<\/p>\n <div class=\"bpd-scene-answer\"><p>Jelezd azonnal a m\u0171szakvezet\u0151nek, \u00e9s \u00edrd fel a hi\u00e1nyt a napi k\u00e9szletlist\u00e1ra. \u0150 d\u00f6nt arr\u00f3l, hogy kell-e azonnali beszerz\u00e9s vagy helyettes\u00edt\u0151 term\u00e9k.<\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: K\u00e9szletkezel\u00e9si \u00fatmutat\u00f3<\/p>\n <\/article>\n <\/div>\n <div class=\"bpd-industry-data\" data-industry=\"agency\">\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hol tal\u00e1lom az \u00fcgyf\u00e9l aktu\u00e1lis briefj\u00e9t?<\/p>\n <div class=\"bpd-scene-answer\"><p>Az \u00fcgyf\u00e9l saj\u00e1t projektmapp\u00e1j\u00e1ban, a <strong>00_Brief<\/strong> k\u00f6nyvt\u00e1rban van a legfrissebb verzi\u00f3. Mindig a m\u00f3dos\u00edt\u00e1s d\u00e1tum\u00e1val jel\u00f6lt f\u00e1jlt haszn\u00e1ld.<\/p><p><span class=\"bpd-demo-link\">\u00dcgyf\u00e9lbrief megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Projektind\u00edt\u00e1si folyamat<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Ki hagyja j\u00f3v\u00e1 az aj\u00e1nlatot?<\/p>\n <div class=\"bpd-scene-answer\"><p>Az aj\u00e1nlatot el\u0151sz\u00f6r a projektfelel\u0151s n\u00e9zi \u00e1t, majd az \u00fcgyf\u00e9lkapcsolati vezet\u0151 hagyja j\u00f3v\u00e1 kik\u00fcld\u00e9s el\u0151tt. Egyedi \u00e1raz\u00e1sn\u00e1l a p\u00e9nz\u00fcgyi j\u00f3v\u00e1hagy\u00e1s is kell.<\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Aj\u00e1nlatad\u00e1si folyamat<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hol vezetj\u00fck a projekt\u00f3r\u00e1kat?<\/p>\n <div class=\"bpd-scene-answer\"><p>A projekt\u00f3r\u00e1kat a projekt saj\u00e1t id\u0151nyilv\u00e1ntart\u00e1s\u00e1ban r\u00f6gz\u00edtj\u00fck, minden munkanap v\u00e9g\u00e9n. Az \u00fcgyf\u00e9lsz\u00e1mot \u00e9s a feladatot is v\u00e1laszd ki, k\u00fcl\u00f6nben nem ker\u00fcl a riportba.<\/p><p><span class=\"bpd-demo-link\">Id\u0151nyilv\u00e1ntart\u00e1s megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Projektelsz\u00e1mol\u00e1si \u00fatmutat\u00f3<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Mi a teend\u0151, ha az \u00fcgyf\u00e9l m\u00f3dos\u00edt\u00e1st k\u00e9r?<\/p>\n <div class=\"bpd-scene-answer\"><p>R\u00f6gz\u00edtsd a k\u00e9r\u00e9st a projektfeladatn\u00e1l, \u00edrd le a hat\u00e1s\u00e1t a hat\u00e1rid\u0151re \u00e9s a keretre, majd egyeztesd a projektfelel\u0151ssel. Ne kezdjetek el dolgozni rajta j\u00f3v\u00e1hagy\u00e1s n\u00e9lk\u00fcl.<\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Change request folyamat<\/p>\n <\/article>\n <\/div>\n <div class=\"bpd-industry-data\" data-industry=\"accounting\">\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Kihez tartozik ez az \u00fcgyf\u00e9l?<\/p>\n <div class=\"bpd-scene-answer\"><p>Az \u00fcgyf\u00e9lfelel\u0151st az \u00fcgyf\u00e9lt\u00f6rzsben tal\u00e1lod a c\u00e9g neve mellett. Ha ott nincs megadva kapcsolattart\u00f3, a csoportvezet\u0151 osztja ki a feladatot.<\/p><p><span class=\"bpd-demo-link\">\u00dcgyf\u00e9lt\u00f6rzs megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: \u00dcgyf\u00e9lt\u00f6rzs \u00e9s felel\u0151si rend<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Mi a teend\u0151, ha hi\u00e1nyzik egy sz\u00e1mla?<\/p>\n <div class=\"bpd-scene-answer\"><p>Jel\u00f6ld hi\u00e1nyz\u00f3k\u00e9nt az \u00fcgyf\u00e9l havi ellen\u0151rz\u0151list\u00e1j\u00e1n, majd k\u00e9rd be az anyagot a kijel\u00f6lt kapcsolattart\u00f3t\u00f3l. A p\u00f3tl\u00e1s hat\u00e1ridej\u00e9t is r\u00f6gz\u00edtsd ugyanott.<\/p><p><span class=\"bpd-demo-link\">Hi\u00e1nyz\u00f3 bizonylat sablon<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Havi z\u00e1r\u00e1si ellen\u0151rz\u0151lista<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hol tal\u00e1lom az \u00fcgyf\u00e9l anyagait?<\/p>\n <div class=\"bpd-scene-answer\"><p>Az \u00fcgyf\u00e9l k\u00f3dj\u00e1val jel\u00f6lt mapp\u00e1ban tal\u00e1lod \u0151ket, azon bel\u00fcl \u00e9v \u00e9s h\u00f3nap szerint. A bek\u00fcld\u00f6tt anyagokat a <strong>Be\u00e9rkezett<\/strong>, a feldolgozottakat a <strong>Lez\u00e1rt<\/strong> mapp\u00e1ban keresd.<\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Digit\u00e1lis iratt\u00e1rol\u00e1si rend<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Milyen hat\u00e1rid\u0151k vannak ezen a h\u00e9ten?<\/p>\n <div class=\"bpd-scene-answer\"><p>Az aktu\u00e1lis hat\u00e1rid\u0151ket a heti z\u00e1r\u00e1si napt\u00e1r mutatja. A s\u00fcrg\u0151s \u00fcgyf\u00e9lanyagok \u00e9s a bevall\u00e1si hat\u00e1rid\u0151k piros jel\u00f6l\u00e9st kapnak.<\/p><p><span class=\"bpd-demo-link\">Heti z\u00e1r\u00e1si napt\u00e1r megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Ad\u00f3z\u00e1si \u00e9s z\u00e1r\u00e1si napt\u00e1r<\/p>\n <\/article>\n <\/div>\n <div class=\"bpd-industry-data\" data-industry=\"design\">\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hol van a legfrissebb tervdokument\u00e1ci\u00f3?<\/p>\n <div class=\"bpd-scene-answer\"><p>A projekt k\u00f6z\u00f6s mapp\u00e1j\u00e1ban, a <strong>Kiadv\u00e1nyok \/ Aktu\u00e1lis<\/strong> k\u00f6nyvt\u00e1rban van a j\u00f3v\u00e1hagyott tervcsomag. A r\u00e9gebbi verzi\u00f3k az Arch\u00edvumba ker\u00fclnek.<\/p><p><span class=\"bpd-demo-link\">Tervdokument\u00e1ci\u00f3 megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Tervdokument\u00e1ci\u00f3 kezel\u00e9se<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Ki hagyja j\u00f3v\u00e1 a tervm\u00f3dos\u00edt\u00e1st?<\/p>\n <div class=\"bpd-scene-answer\"><p>A tervm\u00f3dos\u00edt\u00e1st a projektvezet\u0151 ellen\u0151rzi, a megrendel\u0151i j\u00f3v\u00e1hagy\u00e1st pedig \u0151 dokument\u00e1lja. Kivitelez\u00e9st \u00e9rint\u0151 v\u00e1ltoz\u00e1s csak \u00edr\u00e1sos j\u00f3v\u00e1hagy\u00e1s ut\u00e1n mehet tov\u00e1bb.<\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Tervm\u00f3dos\u00edt\u00e1si folyamat<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Hol r\u00f6gz\u00edtj\u00fck a helysz\u00edni \u00e9szrev\u00e9teleket?<\/p>\n <div class=\"bpd-scene-answer\"><p>A helysz\u00edni bej\u00e1r\u00e1s jegyz\u0151k\u00f6nyv\u00e9t a projekt k\u00f6z\u00f6s mapp\u00e1j\u00e1ban, a <strong>Helysz\u00edni \u00e9szrev\u00e9telek<\/strong> \u0171rlapon t\u00f6ltsd ki. Fot\u00f3t is t\u00f6lts fel mell\u00e9, ha seg\u00edti az azonos\u00edt\u00e1st.<\/p><p><span class=\"bpd-demo-link\">Helysz\u00edni jegyz\u0151k\u00f6nyv megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Helysz\u00edni bej\u00e1r\u00e1s rendje<\/p>\n <\/article>\n <article class=\"bpd-scene\">\n <p class=\"bpd-scene-question\">Melyik sablont haszn\u00e1ljuk az \u00e1tad\u00e1shoz?<\/p>\n <div class=\"bpd-scene-answer\"><p>Az \u00e1tad\u00e1shoz a projekt t\u00edpus\u00e1nak megfelel\u0151 \u00e1tad\u00e1si csomagot haszn\u00e1ld. A sablonban benne van az ellen\u0151rz\u0151lista, a dokumentumjegyz\u00e9k \u00e9s az \u00fcgyf\u00e9lnek k\u00fcldend\u0151 k\u00eds\u00e9r\u0151lev\u00e9l is.<\/p><p><span class=\"bpd-demo-link\">\u00c1tad\u00e1si sablonok megnyit\u00e1sa<\/span><\/p><\/div>\n <p class=\"bpd-scene-source\">Forr\u00e1s: Projekt\u00e1tad\u00e1si k\u00e9zik\u00f6nyv<\/p>\n <\/article>\n <\/div>\n <p class=\"bpd-fallback-exhausted\">A BeePT a saj\u00e1t c\u00e9ges tud\u00e1sodb\u00f3l v\u00e1laszolna erre. Ebben a dem\u00f3ban m\u00e1r az \u00f6sszes p\u00e9ldak\u00e9rd\u00e9st kipr\u00f3b\u00e1ltad.<\/p>\n <p class=\"bpd-fallback-pick\">A BeePT a saj\u00e1t c\u00e9ges tud\u00e1sodb\u00f3l v\u00e1laszolna erre. Ebben a dem\u00f3ban v\u00e1lassz egy p\u00e9ldak\u00e9rd\u00e9st.<\/p>\n <\/div>\n<\/div>\n\n<style>\n .bpd-demo .bpd-translation-data { display: none !important; }\n\n .bpd-demo,\n .bpd-demo * { box-sizing: border-box; }\n\n .elementor-widget-html:has(.bpd-demo) {\n flex: 1 1 0;\n align-self: stretch;\n display: flex;\n min-height: 0;\n }\n\n .elementor-widget-html:has(.bpd-demo) > .elementor-widget-container {\n flex: 1 1 auto;\n display: flex;\n width: 100%;\n min-height: 0;\n }\n\n \/* Safari nem mindig vezeti v\u00e9gig az Elementor flexmagass\u00e1g\u00e1t.\n Ilyenkor a widget k\u00f6zvetlen\u00fcl a befoglal\u00f3 kont\u00e9nert t\u00f6lti ki. *\/\n .bpd-safari-frame {\n position: relative !important;\n }\n\n .bpd-safari-widget {\n position: absolute !important;\n top: var(--bpd-frame-pad-top, 0px) !important;\n right: var(--bpd-frame-pad-right, 0px) !important;\n bottom: var(--bpd-frame-pad-bottom, 0px) !important;\n left: var(--bpd-frame-pad-left, 0px) !important;\n width: auto !important;\n height: auto !important;\n min-height: 0 !important;\n margin: 0 !important;\n display: flex !important;\n }\n\n .bpd-safari-widget > .elementor-widget-container {\n flex: 1 1 auto !important;\n display: flex !important;\n width: 100% !important;\n min-height: 0 !important;\n }\n\n .bpd-demo {\n --ink: #11121a;\n --line: #e1e3fb;\n --lavender: #e5e5f8;\n --purple: #5655a8;\n --pink: #ff0050;\n --muted: #9b9db6;\n position: relative;\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n max-width: none;\n height: 640px;\n min-height: 640px;\n overflow: hidden;\n font-family: Ubuntu, Arial, sans-serif;\n color: var(--ink);\n padding: 12px;\n border-radius: 36px;\n background: #E3E5FA;\n }\n\n .bpd-window {\n position: relative;\n flex: 1 1 auto;\n width: 100%;\n max-width: none;\n height: 0;\n min-height: 0;\n margin: 8px 0 0;\n overflow: hidden;\n display: grid;\n grid-template-rows: auto 1fr auto;\n background: #fff;\n border: 1px solid rgba(17, 18, 26, .06);\n border-radius: 32px;\n }\n\n .bpd-header {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 18px 24px 8px;\n }\n\n\n\n .bpd-agent {\n display: grid;\n grid-template-columns: 28px minmax(0, 1fr);\n align-items: center;\n gap: 8px;\n min-width: 0;\n height: 36px;\n padding: 0;\n border: 0;\n border-radius: 0;\n cursor: default;\n line-height: 1.05;\n }\n\n .bpd-agent-copy { min-width: 0; }\n .bpd-agent-orb {\n position: relative;\n width: 28px;\n height: 28px;\n overflow: hidden;\n border-radius: 50%;\n background: #4849c6;\n }\n .bpd-agent-orb::before {\n content: '';\n position: absolute;\n inset: -28%;\n background:\n radial-gradient(circle at 20% 40%, #ffe35d 0, #ff0050 19%, transparent 44%),\n radial-gradient(circle at 74% 27%, #baf4ff 0, transparent 39%),\n radial-gradient(circle at 72% 76%, #9cf0b8 0, transparent 32%),\n radial-gradient(circle at 44% 68%, #aeb2cc 0, #4849c6 58%);\n filter: blur(5px);\n transform: rotate(-12deg) scale(1.05);\n }\n .bpd-agent strong,\n .bpd-agent small { display: block; }\n .bpd-agent strong { color: #111; font-size: 22px; }\n\n .bpd-content {\n min-height: 0;\n position: relative;\n overflow: hidden;\n padding: 8px 24px 0;\n }\n\n .bpd-hello { margin: 0px 0 0; font-size: 16px; }\n .bpd-industry-tabs {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 8px;\n width: 100%;\n padding: 0;\n background: transparent;\n }\n .bpd-industry-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 68px;\n padding: 14px 16px;\n margin: 0;\n border: 1px solid transparent;\n border-radius: 24px;\n background: transparent;\n color: #111;\n font: inherit;\n font-size: 15px;\n font-weight: 400;\n line-height: 1.2;\n text-align: center;\n cursor: pointer;\n transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;\n }\n .bpd-industry-tab:hover,\n .bpd-industry-tab:focus-visible { border-color: rgba(17, 18, 26, .08); background: rgba(255, 255, 255, .45); color: var(--ink) !important; }\n .bpd-industry-tab.is-active { border-color: rgba(17, 18, 26, .10); background: #fff; color: var(--ink) !important; box-shadow: 0 3px 8px rgba(37, 34, 79, .10); }\n .bpd-industry-select { position: relative; display: none; width: 100%; }\n .bpd-industry-select select { width: 100%; min-height: 52px; padding: 12px 48px 12px 16px; border: 1px solid rgba(17, 18, 26, .10); border-radius: 20px; appearance: none; -webkit-appearance: none; background: #fff; color: var(--ink); font: inherit; font-size: 15px; font-weight: 700; }\n .bpd-industry-select-icon { position: absolute; top: 50%; right: 17px; width: 20px; height: 20px; transform: translateY(-50%); color: #111; pointer-events: none; }\n .bpd-industry-select-icon svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2; }\n .bpd-chat { position: absolute; inset: 50px 24px 20px; }\n\n .bpd-question {\n position: absolute;\n right: 0;\n top: 0;\n width: fit-content;\n max-width: 80%;\n padding: 16px 20px;\n border-radius: 24px;\n background: var(--lavender);\n font-size: 15px;\n line-height: 1.42;\n opacity: 0;\n transform: translateY(10px) scale(.98);\n transition: opacity .35s ease, transform .35s ease;\n }\n\n .bpd-question.is-visible { opacity: 1; transform: none; }\n\n .bpd-thinking {\n position: absolute;\n left: 25px;\n top: 72px;\n display: flex;\n gap: 5px;\n padding: 13px 16px;\n border-radius: 18px;\n background: #f1f1fb;\n opacity: 0;\n transform: translateY(8px);\n transition: .25s ease;\n }\n\n .bpd-thinking.is-visible { opacity: 1; transform: none; }\n .bpd-thinking span { width: 7px; height: 7px; border-radius: 50%; background: var(--purple); animation: bpdDot .9s infinite alternate; }\n .bpd-thinking span:nth-child(2) { animation-delay: .16s; }\n .bpd-thinking span:nth-child(3) { animation-delay: .32s; }\n\n .bpd-answer {\n position: absolute;\n left: 0;\n top: 72px;\n width: 100%;\n opacity: 0;\n transform: translateY(12px);\n transition: opacity .4s ease, transform .4s ease;\n }\n\n .bpd-answer.is-visible { opacity: 1; transform: none; }\n .bpd-answer-copy { width: 100%; padding: 0; background: transparent; font-size: 15px; line-height: 1.48; text-align: left; }\n .bpd-answer-copy strong { display: block; margin-bottom: 5px; }\n .bpd-answer-copy p { margin: 0 0 10px; }\n .bpd-answer-copy p:last-child { margin-bottom: 0; }\n .bpd-demo-link { color: var(--purple); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }\n .bpd-answer-copy table { width: 100%; max-width: 500px; margin: 10px 0; border: 1px solid #E3E5FA; border-collapse: collapse; font-size: 13px; }\n .bpd-answer-copy th,\n .bpd-answer-copy td { padding: 6px 9px; border: 1px solid #E3E5FA; text-align: left; }\n .bpd-answer-copy th { background: #f8f8fd; font-weight: 700; }\n .bpd-answer-copy th:nth-child(2),\n .bpd-answer-copy th:nth-child(3),\n .bpd-answer-copy td:nth-child(2),\n .bpd-answer-copy td:nth-child(3) { width: 18%; text-align: right; }\n\n .bpd-source {\n position: absolute;\n left: 0;\n top: 197px;\n display: flex;\n align-items: center;\n gap: 8px;\n max-width: 420px;\n padding: 9px 13px;\n border: 1px solid var(--line);\n border-radius: 12px;\n color: #555777;\n font-size: 12px;\n opacity: 0;\n transform: translateY(8px);\n transition: .35s ease;\n }\n\n .bpd-source.is-visible { opacity: 1; transform: none; }\n .bpd-source svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; }\n\n .bpd-starters {\n position: absolute;\n right: 24px;\n bottom: 16px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 9px;\n transition: opacity .3s ease;\n }\n\n .bpd-starters.is-hidden { opacity: 0; pointer-events: none; }\n .bpd-starters button { padding: 9px 15px; border: 2px solid var(--line); border-radius: 22px; background: #fff; color: var(--ink); font: inherit; font-size: 14px; text-align: left; }\n .bpd-starters button.is-active { background: var(--lavender); transform: scale(.98); }\n\n .bpd-footer { padding: 0 24px 24px; }\n .bpd-footer > p { margin: 0 0 10px; color: #9a9bb5; font-size: 10px; text-align: center; }\n .bpd-input { min-height: 98px; position: relative; padding: 16px 150px 16px 16px; border: 2px solid var(--line); border-radius: 25px; font-size: 16px; }\n #bpd-typed.is-placeholder { color: #a6a8be; }\n .bpd-input-actions { position: absolute; right: 13px; bottom: 10px; display: flex; gap: 8px; }\n .bpd-round { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; }\n .bpd-round svg { width: 23px; height: 23px; fill: none; stroke: #fff; stroke-width: 2; }\n .bpd-send { background: var(--pink); transition: transform .18s ease, box-shadow .18s ease; }\n .bpd-send.is-pressed { transform: scale(.88); box-shadow: 0 0 0 8px rgba(255,0,80,.12); }\n\n @keyframes bpdDot {\n from { transform: translateY(2px); }\n to { transform: translateY(-3px); opacity: .45; }\n }\n\n @media (max-width: 767px) {\n .bpd-demo { width: 100%; max-width: none; height: 620px; min-height: 620px; padding: 8px; border-radius: 32px; }\n .bpd-window { flex-basis: auto; width: 100%; max-width: none; height: 0; min-height: 0; margin: 8px 0 0; border-radius: 24px; }\n .bpd-header { gap: 7px; padding: 18px 20px 8px; }\n .bpd-agent { grid-template-columns: 26px minmax(0, 1fr); gap: 7px; min-width: 0; width: auto; height: 32px; padding: 0; }\n .bpd-agent-orb { width: 26px; height: 26px; }\n .bpd-agent strong { font-size: 16px; }\n .bpd-content { padding: 8px 23px 0; }\n .bpd-hello { font-size: 16px; }\n .bpd-industry-tabs { display: none; }\n .bpd-industry-select { display: block; }\n .bpd-chat { inset: 65px 23px 12px; }\n .bpd-question { width: 100%; max-width: 100%; top: 0; padding: 16px; border-radius: 23px; font-size: 15px; }\n .bpd-thinking { left: 0; top: 88px; }\n .bpd-answer { left: 0; top: 88px; width: 100%; }\n .bpd-answer-copy { width: 100%; padding: 0; font-size: 13px; line-height: 1.42; }\n .bpd-answer.is-dense .bpd-answer-copy { font-size: 10.5px; line-height: 1.25; }\n .bpd-answer.is-dense .bpd-answer-copy p { margin-bottom: 6px; }\n .bpd-answer.is-network .bpd-answer-copy { font-size: 11px; line-height: 1.3; }\n .bpd-answer.is-network .bpd-answer-copy > p { margin-bottom: 4px; }\n .bpd-answer-copy table { margin: 6px 0; font-size: 9px; }\n .bpd-answer-copy th,\n .bpd-answer-copy td { padding: 4px 5px; }\n .bpd-source { left: 0; top: 225px; max-width: 100%; padding: 7px 9px; font-size: 10px; }\n .bpd-starters { right: 23px; left: 23px; bottom: 10px; gap: 8px; }\n .bpd-starters button { width: 100%; padding: 8px 14px; font-size: 13px; }\n .bpd-footer { padding: 0 23px 24px; }\n .bpd-footer > p { display: none; }\n .bpd-input { min-height: 100px; padding: 13px 14px 52px; border-radius: 25px; font-size: 15px; }\n .bpd-input-actions { right: 10px; bottom: 8px; }\n .bpd-round { width: 41px; height: 41px; }\n }\n\n\n \/* Kattint\u00e1sos demo: a tartalom hosszabb v\u00e1laszn\u00e1l is g\u00f6rgethet\u0151. *\/\n .bpd-demo [hidden] { display: none !important; }\n .bpd-content { display: flex; flex-direction: column; gap: 16px; min-height: 0; overflow-y: auto; padding-bottom: 16px; }\n \/* A besz\u00e9lget\u00e9s a panelen bel\u00fcl n\u0151, a fejl\u00e9c \u00e9s az input a hely\u00e9n marad. *\/\n .bpd-window { grid-template-rows: auto minmax(0, 1fr) auto; }\n .bpd-content { contain: size; overflow-anchor: none; overscroll-behavior-y: contain; }\n .bpd-turn { display: flex; flex-direction: column; gap: 16px; flex-shrink: 0; min-width: 0; }\n .bpd-hello { flex-shrink: 0; font-size: 14px; }\n .bpd-chat { position: static; padding-inline: 16px; display: flex; flex-direction: column; gap: 28px; flex-shrink: 0; }\n .bpd-question, .bpd-thinking, .bpd-answer, .bpd-source { position: static; flex-shrink: 0; }\n .bpd-question { padding-top: 12px; padding-bottom: 12px; margin-left: auto; overflow-wrap: anywhere; white-space: pre-wrap; }\n .bpd-thinking { align-self: flex-start; }\n .bpd-source { align-self: flex-start; }\n .bpd-starters { position: static; margin-top: auto; flex-shrink: 0; }\n .bpd-starters button { cursor: pointer; transition: background .18s ease; }\n .bpd-starters button:hover, .bpd-starters button:focus-visible { background: var(--line); color:#111;}\n .bpd-demo button:focus-visible { outline: 2px solid var(--purple); outline-offset: 3px; }\n .bpd-empty { margin: auto 0 8px; font-size: 14px; color: #686a85; }\n .bpd-demo #bpd-typed { display: block; width: 100%; min-height: 42px; margin: 0; padding: 0; resize: none; border: 0; border-radius: 0; box-shadow: none; background: transparent; color: var(--ink); font: inherit; line-height: 1.4; }\n .bpd-demo #bpd-typed,\n .bpd-demo #bpd-typed:focus,\n .bpd-demo #bpd-typed:focus-visible { min-width: 0; outline: none !important; border: 0 !important; box-shadow: none !important; }\n .bpd-input { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; padding: 16px; transition: border-color .18s ease; }\n .bpd-input:focus-within { border-color: #111111; }\n .bpd-input-actions { position: static; align-self: end; justify-self: end; }\n .bpd-demo #bpd-typed::placeholder { color: #a6a8be; opacity: 1; }\n .bpd-demo button.bpd-send { flex-shrink: 0; margin: 0; padding: 0; border: 0; background: var(--pink); cursor: pointer; }\n .bpd-demo button.bpd-send:disabled { opacity: .45; cursor: default; }\n @media (max-width: 767px) {\n .bpd-input { min-height: 0; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 12px 14px; }\n .bpd-hello,\n .bpd-starters button,\n .bpd-question,\n .bpd-answer-copy,\n .bpd-answer.is-dense .bpd-answer-copy,\n .bpd-answer.is-network .bpd-answer-copy,\n .bpd-answer-copy table,\n .bpd-empty,\n .bpd-input,\n .bpd-demo #bpd-typed { font-size: 13px; line-height: 1.42; }\n .bpd-demo #bpd-typed { min-height: 41px; }\n .bpd-answer-copy th:nth-child(2),\n .bpd-answer-copy th:nth-child(3),\n .bpd-answer-copy td:nth-child(2),\n .bpd-answer-copy td:nth-child(3) { width: auto; }\n .bpd-answer-copy th { overflow-wrap: anywhere; }\n\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bpd-demo * { animation-duration: .01ms !important; transition-duration: .01ms !important; }\n }\n<\/style>\n\n<script>\n(() => {\n const root = document.currentScript.previousElementSibling.previousElementSibling;\n if (!root || !root.classList.contains('bpd-demo')) return;\n\n const $ = selector => root.querySelector(selector);\n const ui = {\n agentName: $('#bpd-agent-name'),\n starters: $('#bpd-starters'), typed: $('#bpd-typed'), send: $('.bpd-send'),\n hello: $('.bpd-hello'), chat: $('.bpd-chat'), content: $('.bpd-content'), empty: $('.bpd-empty'),\n industryTabs: [...root.querySelectorAll('.bpd-industry-tab')],\n industrySelect: $('#bpd-industry-select')\n };\n\n const isSafari = \/^((?!chrome|android).)*safari\/i.test(navigator.userAgent);\n if (isSafari) {\n const widget = root.closest('.elementor-widget-html');\n const frame = widget?.parentElement;\n\n if (widget && frame) {\n const syncFramePadding = () => {\n const styles = getComputedStyle(frame);\n widget.style.setProperty('--bpd-frame-pad-top', styles.paddingTop);\n widget.style.setProperty('--bpd-frame-pad-right', styles.paddingRight);\n widget.style.setProperty('--bpd-frame-pad-bottom', styles.paddingBottom);\n widget.style.setProperty('--bpd-frame-pad-left', styles.paddingLeft);\n };\n\n frame.classList.add('bpd-safari-frame');\n widget.classList.add('bpd-safari-widget');\n window.addEventListener('resize', syncFramePadding, { passive: true });\n syncFramePadding();\n }\n }\n\n \/\/ A TranslatePress a kezd\u0151 HTML sz\u00f6vegeit ford\u00edtja le.\n \/\/ A dem\u00f3 mindig az aktu\u00e1lis DOM-b\u00f3l olvas, \u00edgy az esetleges k\u00e9s\u0151bbi ford\u00edt\u00e1st is l\u00e1tja.\n const industries = Object.fromEntries(\n [...root.querySelectorAll('.bpd-industry-data')].map(group => [\n group.dataset.industry,\n [...group.querySelectorAll('.bpd-scene')].map(node => ({\n get question() { return node.querySelector('.bpd-scene-question').textContent.trim(); },\n get answer() { return node.querySelector('.bpd-scene-answer').innerHTML; },\n get source() { return node.querySelector('.bpd-scene-source').textContent.trim(); }\n }))\n ])\n );\n let activeIndustry = 'hospitality';\n\n \/\/ A v\u00e1lasz megmarad. H\u00e1rom m\u00e1sodperc ut\u00e1n el\u0151ker\u00fclnek a tov\u00e1bbi p\u00e9ld\u00e1k.\n const NEXT_QUESTIONS_DELAY_MS = 3000;\n const used = new Set();\n const turnTemplate = ui.chat.cloneNode(true);\n turnTemplate.removeAttribute('hidden');\n turnTemplate.className = 'bpd-turn';\n turnTemplate.querySelectorAll('[id]').forEach(el => el.removeAttribute('id'));\n ui.chat.replaceChildren();\n let nextQuestionsTimer;\n let busy = false;\n let manuallyScrolled = false;\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n\n function show(element, visible) {\n element.hidden = !visible;\n element.classList.toggle('is-visible', visible);\n }\n\n function updateSend() {\n ui.send.disabled = busy || !ui.typed.value.trim();\n }\n\n function renderStarters() {\n const scenes = industries[activeIndustry];\n ui.starters.replaceChildren();\n scenes.forEach((scene, index) => {\n if (used.has(index)) return;\n const button = document.createElement('button');\n button.type = 'button';\n button.textContent = scene.question;\n button.addEventListener('click', () => play(scene, index));\n ui.starters.append(button);\n });\n ui.starters.hidden = used.size === scenes.length;\n ui.empty.hidden = used.size !== scenes.length;\n }\n\n function scrollToTurn(turn) {\n const top = ui.content.scrollTop + turn.getBoundingClientRect().top\n - ui.content.getBoundingClientRect().top - 8;\n ui.content.scrollTo({ top: Math.max(0, top), behavior: reducedMotion.matches ? 'auto' : 'smooth' });\n }\n\n function revealNextQuestions() {\n renderStarters();\n if (!manuallyScrolled) {\n \/\/ Kiz\u00e1r\u00f3lag a chat g\u00f6rget\u00e9se, az oldal poz\u00edci\u00f3ja nem v\u00e1ltozik.\n ui.content.scrollTo({ top: ui.content.scrollHeight, behavior: reducedMotion.matches ? 'auto' : 'smooth' });\n }\n }\n\n function appendTurn(question) {\n clearTimeout(nextQuestionsTimer);\n manuallyScrolled = false;\n ui.hello.hidden = true;\n ui.chat.hidden = false;\n ui.starters.hidden = true;\n ui.empty.hidden = true;\n const element = turnTemplate.cloneNode(true);\n const turn = {\n element,\n question: element.querySelector('.bpd-question'),\n thinking: element.querySelector('.bpd-thinking'),\n answer: element.querySelector('.bpd-answer'),\n answerCopy: element.querySelector('.bpd-answer-copy'),\n source: element.querySelector('.bpd-source'),\n sourceText: element.querySelector('.bpd-source span')\n };\n [turn.thinking, turn.answer, turn.source].forEach(el => show(el, false));\n turn.question.textContent = question;\n show(turn.question, true);\n ui.chat.append(element);\n return turn;\n }\n\n function play(scene, index) {\n if (busy || used.has(index)) return;\n busy = true;\n const turn = appendTurn(scene.question);\n show(turn.thinking, true);\n scrollToTurn(turn.element);\n updateSend();\n\n setTimeout(() => {\n show(turn.thinking, false);\n \/\/ Csak az el\u0151re r\u00f6gz\u00edtett demov\u00e1lasz ker\u00fcl HTML-k\u00e9nt az oldalba.\n turn.answerCopy.innerHTML = scene.answer;\n show(turn.answer, true);\n if (scene.source) {\n turn.sourceText.textContent = scene.source;\n show(turn.source, true);\n }\n used.add(index);\n busy = false;\n updateSend();\n if (!manuallyScrolled) scrollToTurn(turn.element);\n nextQuestionsTimer = setTimeout(revealNextQuestions, NEXT_QUESTIONS_DELAY_MS);\n }, 800);\n }\n\n function submitQuestion() {\n const question = ui.typed.value.trim();\n if (!question || busy) return;\n const turn = appendTurn(question);\n turn.answerCopy.textContent = root.querySelector(\n used.size === industries[activeIndustry].length\n ? '.bpd-fallback-exhausted'\n : '.bpd-fallback-pick'\n ).textContent.trim();\n show(turn.answer, true);\n ui.typed.value = '';\n renderStarters();\n scrollToTurn(turn.element);\n updateSend();\n nextQuestionsTimer = setTimeout(revealNextQuestions, NEXT_QUESTIONS_DELAY_MS);\n }\n\n function selectIndustry(industry) {\n if (busy || industry === activeIndustry) return;\n clearTimeout(nextQuestionsTimer);\n activeIndustry = industry;\n used.clear();\n manuallyScrolled = false;\n ui.chat.replaceChildren();\n ui.chat.hidden = true;\n ui.hello.hidden = false;\n ui.empty.hidden = true;\n ui.industryTabs.forEach(tab => {\n const selected = tab.dataset.industry === industry;\n tab.classList.toggle('is-active', selected);\n tab.setAttribute('aria-selected', String(selected));\n });\n if (ui.industrySelect) ui.industrySelect.value = industry;\n renderStarters();\n ui.content.scrollTo({ top: 0, behavior: reducedMotion.matches ? 'auto' : 'smooth' });\n }\n\n ui.industryTabs.forEach(tab => {\n tab.addEventListener('click', () => selectIndustry(tab.dataset.industry));\n });\n if (ui.industrySelect) {\n ui.industrySelect.addEventListener('change', () => selectIndustry(ui.industrySelect.value));\n }\n ui.send.addEventListener('click', submitQuestion);\n ui.typed.addEventListener('input', updateSend);\n ui.typed.addEventListener('keydown', event => {\n if (event.key === 'Enter' && !event.shiftKey && !event.isComposing) {\n event.preventDefault();\n submitQuestion();\n }\n });\n \/\/ Ha k\u00f6zben olvas\u00e1shoz k\u00e9zzel g\u00f6rgetnek, ne h\u00fazzuk el el\u0151l\u00fck a v\u00e1laszt.\n ui.content.addEventListener('wheel', () => { manuallyScrolled = true; }, { passive: true });\n ui.content.addEventListener('touchstart', () => { manuallyScrolled = true; }, { passive: true });\n ui.content.addEventListener('keydown', event => {\n if (['ArrowUp', 'ArrowDown', 'PageUp', 'PageDown', 'Home', 'End', ' '].includes(event.key)) {\n manuallyScrolled = true;\n }\n });\n\n \/\/ Nincs automatikus lej\u00e1tsz\u00e1s. Az el\u0151zm\u00e9nyek az oldal \u00fajrat\u00f6lt\u00e9s\u00e9ig megmaradnak.\n renderStarters();\n updateSend();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2203ec4 e-con-full e-flex e-con e-child\" data-id=\"2203ec4\" data-element_type=\"container\" data-e-type=\"container\" id=\"howitworks\" data-settings=\"{"background_background":"gradient"}\">\n\t\t<div class=\"elementor-element elementor-element-bf897cf e-flex e-con-boxed e-con e-child\" data-id=\"bf897cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fbd37a elementor-widget elementor-widget-heading\" data-id=\"7fbd37a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Amikor mindenki szeretn\u00e9 j\u00f3l csin\u00e1lni, de senki nem tudja pontosan hogyan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-416358b elementor-widget elementor-widget-heading\" data-id=\"416358b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Az inform\u00e1ci\u00f3s k\u00e1osz id\u0151vel a hat\u00e9konys\u00e1gon is megl\u00e1tszik. Nem az a probl\u00e9ma, hogy nincs 200 oldal dokument\u00e1ci\u00f3tok. Hanem hogy ugyanarra a k\u00e9rd\u00e9sre 4 ember 4 f\u00e9le v\u00e1laszt ad.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8ae041 e-con-full bubbles e-flex e-con e-child\" data-id=\"d8ae041\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"motion_fx_motion_fx_scrolling":"yes","background_background":"classic","motion_fx_devices":["desktop","tablet","mobile"]}\">\n\t\t<div class=\"elementor-element elementor-element-eb41b64 e-con-full e-flex e-con e-child\" data-id=\"eb41b64\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"motion_fx_motion_fx_scrolling":"yes","motion_fx_translateX_effect":"yes","motion_fx_translateX_speed":{"unit":"px","size":3,"sizes":[]},"motion_fx_translateX_affectedRange":{"unit":"%","size":"","sizes":{"start":10,"end":90}},"motion_fx_devices":["desktop","tablet","mobile"]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2168cea bubble elementor-widget elementor-widget-html\" data-id=\"2168cea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tHol vezessem a t\u00fal\u00f3r\u00e1im?\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5fa01c bubble elementor-widget elementor-widget-html\" data-id=\"b5fa01c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\u201c2 \u00e9ve m\u00e9g \u00fagy volt...\u201d\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54d71ee bubble elementor-widget elementor-widget-html\" data-id=\"54d71ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tugyanaz a k\u00e9rd\u00e9s \u00fajra meg \u00fajra\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e7d22c bubble elementor-widget elementor-widget-html\" data-id=\"3e7d22c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\u201ck\u00e9rdezd meg Zolit\u201d\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79cafed bubble elementor-widget elementor-widget-html\" data-id=\"79cafed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tfolyamatok Excelben\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db44165 bubble elementor-widget elementor-widget-html\" data-id=\"db44165\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tfontos inf\u00f3k Slack \u00fczenetekben\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bed1ffb bubble elementor-widget elementor-widget-html\" data-id=\"bed1ffb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tonboarding a fejben\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35bce45 bubble elementor-widget elementor-widget-html\" data-id=\"35bce45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tdokumentumok drive-ban\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15a4d24 bubble elementor-widget elementor-widget-html\" data-id=\"15a4d24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tKinek kell jeleznem ha beteg vagyok?\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a00bc2 bubble elementor-widget elementor-widget-html\" data-id=\"6a00bc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tMi a vend\u00e9g wifi?\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-510e1f7 e-con-full e-flex e-con e-child\" data-id=\"510e1f7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"motion_fx_motion_fx_scrolling":"yes","motion_fx_translateX_effect":"yes","motion_fx_translateX_direction":"negative","motion_fx_translateX_speed":{"unit":"px","size":3,"sizes":[]},"motion_fx_translateX_affectedRange":{"unit":"%","size":"","sizes":{"start":10,"end":90}},"motion_fx_devices":["desktop","tablet","mobile"]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0daa127 bubble elementor-widget elementor-widget-html\" data-id=\"0daa127\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tmindenki m\u00e1shogy tudja\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02700b4 bubble elementor-widget elementor-widget-html\" data-id=\"02700b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\u201caz intraneten van valahol\u201d\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-badd464 bubble elementor-widget elementor-widget-html\" data-id=\"badd464\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tKihez tartozik ez?\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-182a6b6 bubble elementor-widget elementor-widget-html\" data-id=\"182a6b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tEzt hogy szoktuk csin\u00e1lni?\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c9006d bubble elementor-widget elementor-widget-html\" data-id=\"7c9006d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tmegint ugyanaz a hiba\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4ddbda bubble elementor-widget elementor-widget-html\" data-id=\"b4ddbda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\u00faj koll\u00e9g\u00e1k elvesznek\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a117ff3 bubble elementor-widget elementor-widget-html\" data-id=\"a117ff3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\ta m\u0171k\u00f6d\u00e9s emberekhez k\u00f6t\u00f6tt\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ab9e7 bubble elementor-widget elementor-widget-html\" data-id=\"b0ab9e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tHol a Zoli?\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d57c340 bubble elementor-widget elementor-widget-html\" data-id=\"d57c340\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tKihez tartozik ez az \u00fcgyf\u00e9l?\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5446541 e-con-full e-flex e-con e-child\" data-id=\"5446541\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-549cc19 e-con-full icons_block e-flex e-con e-child\" data-id=\"549cc19\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-118d52e e-con-full e-flex e-con e-child\" data-id=\"118d52e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10cccd7 elementor-widget elementor-widget-heading\" data-id=\"10cccd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A haszn\u00e1lhat\u00f3 AI rendezett c\u00e9ges tud\u00e1ssal kezd\u0151dik<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24bcbe1 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"24bcbe1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" dir=\"auto\" data-start=\"310\" data-end=\"506\">Az ipar\u00e1gspecifikus bevezet\u00e9si folyamatunk sor\u00e1n gyorsan rendszerezz\u00fck a megl\u00e9v\u0151 c\u00e9ges tud\u00e1sotokat, \u00e9s olyan tud\u00e1sb\u00e1zist \u00e9p\u00edt\u00fcnk bel\u0151le, amelyb\u0151l a BeePT pontosan \u00e9s k\u00f6vetkezetesen tud v\u00e1laszolni. Nem m\u00e9g egy dokumentumt\u00e1r k\u00e9sz\u00fcl. <br \/><br \/><strong data-start=\"542\" data-end=\"631\">Olyan tud\u00e1sb\u00e1zis j\u00f6n l\u00e9tre, amit az emberek \u00e9s az AI is t\u00e9nylegesen haszn\u00e1lni tudnak.<\/strong><\/p><p dir=\"auto\" data-start=\"633\" data-end=\"709\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e08f1f e-con-full ikonok e-flex e-con e-child\" data-id=\"6e08f1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d236d86 e-con-full e-flex e-con e-child\" data-id=\"d236d86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b80d6a9 elementor-widget elementor-widget-html\" data-id=\"b80d6a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"hu\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <title>BeePT \u2013 Indig\u00f3 \u2013 100 \u00d7 100 px<\/title>\n <style>\n html, body { margin: 0; padding: 0; background: transparent; }\n\n \/* Fix 100 \u00d7 100 CSS-pixel. Nincs felirat \u00e9s nincs eg\u00e9r- vagy \u00e9rint\u00e9si reakci\u00f3. *\/\n .beept-orb-mini {\n --orb-indigo: #40438E;\n --orb-rose: #FF0048;\n --orb-yellow: #FFC40E;\n --orb-cyan: #95E5F9;\n --orb-mint: #81E3A5;\n --orb-mist: #979AB0;\n --orb-dominant: var(--orb-indigo);\n \/* Relat\u00edv sz\u00edns\u00falyok: 1 = eredeti ar\u00e1ny, nagyobb sz\u00e1m = er\u0151sebb jelenl\u00e9t. *\/\n --orb-weight-indigo: 1;\n --orb-weight-rose: 1;\n --orb-weight-yellow: 1;\n --orb-weight-cyan: 1;\n --orb-weight-mint: 1;\n --orb-weight-mist: 1;\n position: relative;\n display: block;\n box-sizing: border-box;\n width: 100px;\n height: 100px;\n min-width: 100px;\n max-width: 100px;\n min-height: 100px;\n max-height: 100px;\n flex: 0 0 100px;\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n border-radius: 50%;\n isolation: isolate;\n pointer-events: none;\n user-select: none;\n }\n\n \/* A f\u0151sz\u00edn minden p\u00e9ld\u00e1ny saj\u00e1t be\u00e1ll\u00edt\u00e1sa; a widgetek nem \u00edrj\u00e1k fel\u00fcl egym\u00e1st. *\/\n .beept-orb-mini[data-dominant=\"indigo\"] { --orb-dominant: var(--orb-indigo); }\n .beept-orb-mini[data-dominant=\"rose\"] { --orb-dominant: var(--orb-rose); }\n .beept-orb-mini[data-dominant=\"cyan\"] { --orb-dominant: var(--orb-cyan); }\n .beept-orb-mini[data-dominant=\"mint\"] { --orb-dominant: var(--orb-mint); }\n\n .beept-orb-mini__canvas {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__canvas { opacity: 1; }\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__fallback { display: none; }\n\n .beept-orb-mini__fallback {\n position: absolute;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n border-radius: inherit;\n background: var(--orb-dominant);\n }\n\n .beept-orb-mini__cloud {\n position: absolute;\n inset: -30%;\n background:\n radial-gradient(ellipse at 22% 46%, var(--orb-yellow) 0, var(--orb-rose) clamp(3%, calc(9% * var(--orb-weight-yellow)), 18%), transparent clamp(12%, calc(32% * var(--orb-weight-rose)), 72%)),\n radial-gradient(ellipse at 72% 32%, var(--orb-cyan) 0, transparent clamp(12%, calc(41% * var(--orb-weight-cyan)), 78%)),\n radial-gradient(ellipse at 65% 78%, var(--orb-mint) 0, transparent clamp(8%, calc(24% * var(--orb-weight-mint)), 75%)),\n radial-gradient(ellipse at 40% 70%, var(--orb-mist) 0, var(--orb-dominant) 52%);\n filter: blur(4px);\n animation: beept-mini-idle-drift 18s ease-in-out infinite alternate;\n will-change: transform;\n }\n\n .beept-orb-mini__cloud--second {\n background:\n radial-gradient(ellipse at 35% 30%, var(--orb-rose) 0, transparent clamp(8%, calc(25% * var(--orb-weight-rose)), 60%)),\n radial-gradient(ellipse at 65% 66%, var(--orb-cyan) 0, transparent clamp(12%, calc(40% * var(--orb-weight-cyan)), 70%));\n opacity: .55;\n animation-name: beept-mini-idle-fold;\n animation-duration: 14s;\n }\n\n .beept-orb-mini__fallback::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--orb-dominant);\n opacity: .6;\n pointer-events: none;\n }\n\n .beept-orb-mini__grain {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: .14;\n mix-blend-mode: soft-light;\n }\n\n @keyframes beept-mini-idle-drift {\n 0% { transform: rotate(-12deg) scale(1.08) translate(-3%, 1%); }\n 38% { transform: rotate(19deg) scale(1.2, .95) translate(2%, -3%); }\n 65% { transform: rotate(58deg) scale(.95, 1.15) translate(-2%, 4%); }\n 100% { transform: rotate(100deg) scale(1.1) translate(3%, -2%); }\n }\n\n @keyframes beept-mini-idle-fold {\n 0% { transform: rotate(0) scale(1.15, .9) translate(5%, -5%); }\n 50% { transform: rotate(-50deg) scale(.9, 1.15) translate(-8%, 8%); }\n 100% { transform: rotate(-115deg) scale(1.2, .95) translate(4%, 2%); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .beept-orb-mini__cloud { animation-play-state: paused; }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"beept-orb-mini\" data-dominant=\"indigo\" data-phase=\"0.6\" role=\"img\" aria-label=\"Indig\u00f3 dominanci\u00e1j\u00fa, \u00e1raml\u00f3 sz\u00ednes k\u00f6r.\">\n <span class=\"beept-orb-mini__fallback\" aria-hidden=\"true\">\n <span class=\"beept-orb-mini__cloud\"><\/span>\n <span class=\"beept-orb-mini__cloud beept-orb-mini__cloud--second\"><\/span>\n <svg class=\"beept-orb-mini__grain\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <filter id=\"beept-grain-mini\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\".85\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\n <feColorMatrix type=\"saturate\" values=\"0\"\/>\n <\/filter>\n <rect width=\"100%\" height=\"100%\" filter=\"url(#beept-grain-mini)\"\/>\n <\/svg>\n <\/span>\n <canvas class=\"beept-orb-mini__canvas\" aria-hidden=\"true\"><\/canvas>\n <\/div>\n <script>\n (() => {\n 'use strict';\n\n \/\/ Az oldal \u00f6sszes k\u00f6re saj\u00e1t anim\u00e1ci\u00f3t kap, a duplik\u00e1lt widgetek is.\n \/\/ Ugyanennek a scriptnek az ism\u00e9telt bet\u00f6lt\u00e9se nem ind\u00edt \u00fajra m\u00e1r fut\u00f3 k\u00f6r\u00f6ket.\n const RUNTIME_KEY = '__beeptOrbMiniDominantRuntimeV1';\n if (window[RUNTIME_KEY]) {\n window[RUNTIME_KEY].scan();\n return;\n }\n\n const instances = new Map();\n let serial = 0;\n let scanQueued = false;\n\n function createOrb(root, canvas) {\n delete root.dataset.renderer;\n const filter = root.querySelector('.beept-orb-mini__grain filter');\n const grainRect = root.querySelector('.beept-orb-mini__grain rect');\n if (filter && grainRect) {\n const filterId = 'beept-grain-mini-auto-' + (++serial);\n filter.id = filterId;\n grainRect.setAttribute('filter', 'url(#' + filterId + ')');\n }\n\n\n \/*\n * \u00d6n\u00e1ll\u00f3, h\u00e1l\u00f3zati k\u00e9r\u00e9s \u00e9s k\u00fcls\u0151 k\u00f6nyvt\u00e1r n\u00e9lk\u00fcl fut\u00f3 anim\u00e1ci\u00f3.\n * A sebess\u00e9get \u00e9s a szemcs\u00e9zetts\u00e9get itt lehet finomhangolni.\n *\/\n const SETTINGS = {\n speed: 1.70, \/\/ Az el\u0151z\u0151 0.85 \u00e9rt\u00e9k k\u00e9tszerese.\n grain: 0.07, \/\/ 0: sima fel\u00fclet; 0.10 k\u00f6r\u00fcl: finom szemcs\u00e9k\n\n maxResolution: 300, \/\/ Bels\u0151 felbont\u00e1s fels\u0151 hat\u00e1ra\n maxPixelRatio: 3\n };\n\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n const gl = canvas.getContext('webgl', {\n alpha: true,\n antialias: false,\n depth: false,\n stencil: false,\n premultipliedAlpha: false,\n powerPreference: 'low-power'\n });\n\n const vertexSource = `\n attribute vec2 a_position;\n varying vec2 v_uv;\n void main() {\n v_uv = a_position;\n gl_Position = vec4(a_position, 0.0, 1.0);\n }\n `;\n\n const fragmentSource = `\n precision highp float;\n varying vec2 v_uv;\n uniform float u_time;\n uniform float u_resolution;\n uniform float u_grain;\n\n uniform vec3 u_indigo;\n uniform vec3 u_rose;\n uniform vec3 u_yellow;\n uniform vec3 u_cyan;\n uniform vec3 u_mint;\n uniform vec3 u_mist;\n uniform vec3 u_dominant;\n \/\/ K\u00e9t h\u00e1rmas: indig\u00f3\/piros\/s\u00e1rga \u00e9s vil\u00e1gosk\u00e9k\/menta\/sz\u00fcrke.\n uniform vec3 u_weightsA;\n uniform vec3 u_weightsB;\n\n float hash(vec3 p) {\n p = fract(p * 0.1031);\n p += dot(p, p.yzx + 33.33);\n return fract((p.x + p.y) * p.z);\n }\n\n \/\/ Folytonos, h\u00e1romdimenzi\u00f3s \u00e9rt\u00e9kzaj, sima interpol\u00e1ci\u00f3val.\n float noise(vec3 p) {\n vec3 i = floor(p);\n vec3 f = fract(p);\n f = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n return mix(\n mix(mix(hash(i), hash(i + vec3(1,0,0)), f.x),\n mix(hash(i + vec3(0,1,0)), hash(i + vec3(1,1,0)), f.x), f.y),\n mix(mix(hash(i + vec3(0,0,1)), hash(i + vec3(1,0,1)), f.x),\n mix(hash(i + vec3(0,1,1)), hash(i + vec3(1,1,1)), f.x), f.y),\n f.z\n ) * 2.0 - 1.0;\n }\n\n mat2 rotate(float a) {\n float s = sin(a), c = cos(a);\n return mat2(c, -s, s, c);\n }\n\n void main() {\n vec2 uv = v_uv;\n float r = length(uv);\n float edge = 1.0 - smoothstep(1.0 - 2.0 \/ u_resolution, 1.0, r);\n if (edge <= 0.0) { gl_FragColor = vec4(0.0); return; }\n\n float t = u_time;\n float z = sqrt(max(0.0, 1.0 - dot(uv, uv)));\n vec3 p = vec3(uv * 1.35, z * 0.7);\n p.xy = rotate(0.13 * t + 0.14 * sin(t * 0.29)) * p.xy;\n p.xz = rotate(0.1 * sin(t * 0.22)) * p.xz;\n\n vec3 warp = vec3(\n noise(p * 1.35 + vec3(0.0, 0.0, t * 0.13)),\n noise(p * 1.35 + vec3(5.2, 1.3, -t * 0.11)),\n noise(p * 1.35 + vec3(-4.0, 8.2, t * 0.1))\n );\n vec3 q = p + warp * 0.72;\n float flow = noise(q * 1.55 + vec3(1.7, 3.8, t * 0.1));\n float folds = noise(q * 2.45 + vec3(7.8, 0.2, -t * 0.08));\n float softness = noise(q * 1.25 + vec3(2.4, 9.3, t * 0.08));\n\n \/\/ Az eredeti, mozg\u00f3 foltok sz\u00ednenk\u00e9nti hozz\u00e1j\u00e1rul\u00e1sa.\n float cool = smoothstep(-0.28, 0.70, q.x * 0.45 + softness * 0.70);\n float warm = smoothstep(0.02, 0.78, -q.x * 0.50 + flow * 0.70);\n float glow = smoothstep(-0.35, 0.60, folds * 0.65 + q.y * 0.25);\n float mintPatch = smoothstep(0.24, 0.77, folds * 0.8 - q.y * 0.38);\n float ribbon = 1.0 - smoothstep(0.01, 0.23, abs(flow + q.y * 0.28 + 0.14));\n float aMist = glow * 0.36;\n float aCyan = cool * 0.92;\n float aMint = mintPatch * cool * 0.84;\n float aRose = warm * 0.96;\n float aYellow = ribbon * pow(warm, 1.4) * 0.85;\n\n float underneath = (1.0 - aRose) * (1.0 - aYellow);\n float base = (1.0 - aCyan) * (1.0 - aMint) * underneath;\n vec3 weightsA = vec3((1.0 - aMist) * base,\n aRose * (1.0 - aYellow), aYellow) * u_weightsA;\n vec3 weightsB = vec3(aCyan * (1.0 - aMint) * underneath,\n aMint * underneath, aMist * base) * u_weightsB;\n float total = dot(weightsA + weightsB, vec3(1.0));\n vec3 color = (u_indigo * weightsA.x + u_rose * weightsA.y\n + u_yellow * weightsA.z + u_cyan * weightsB.x\n + u_mint * weightsB.y + u_mist * weightsB.z) \/ max(total, 0.0001);\n\n \/\/ Domin\u00e1ns f\u0151sz\u00edn, finom bels\u0151 \u00e1raml\u00e1ssal.\n vec3 dominantSurface = mix(u_dominant, color, 0.08 + glow * 0.12);\n\n \/\/ Egy keskeny, hull\u00e1mz\u00f3 s\u00e1vban el\u0151t\u0171nnek a paletta t\u00f6bbi sz\u00ednei.\n \/\/ A s\u00e1von k\u00edv\u00fcl minden k\u00e9pkock\u00e1n a v\u00e1lasztott f\u0151sz\u00edn a leger\u0151sebb.\n vec2 bandUv = rotate(0.15 * t + 0.3) * uv;\n float bend = 0.36 * noise(vec3(bandUv.y * 1.8, t * 0.12, 4.3));\n float distanceToBand = abs(bandUv.x + bend - 0.16 * sin(t * 0.19));\n float accent = 1.0 - smoothstep(0.10, 0.39, distanceToBand);\n color = mix(dominantSurface, color, accent * 0.96);\n\n \/\/ Visszafogott t\u00e9rbelis\u00e9g: nincs er\u0151s peremf\u00e9ny vagy k\u00fcls\u0151 \u00e1rny\u00e9k.\n float light = 0.96 + 0.055 * z + 0.025 * dot(uv, vec2(-0.7, 0.6));\n color *= light;\n float grain = hash(vec3(gl_FragCoord.xy, 13.7)) - 0.5;\n color += grain * u_grain;\n gl_FragColor = vec4(clamp(color, 0.0, 1.0), edge);\n }\n `;\n\n let program;\n let buffer;\n let uniforms;\n let ready = false;\n let animationFrame = 0;\n let previousTime = null;\n let elapsed = 0;\n const initialPhase = Number.parseFloat(root.dataset.phase);\n let phase = Number.isFinite(initialPhase) ? initialPhase : 0.6;\n let inView = true;\n let destroyed = false;\n let resizeObserver = null;\n let intersectionObserver = null;\n let appearanceObserver = null;\n\n function paletteColor(name) {\n const hex = getComputedStyle(root).getPropertyValue('--orb-' + name).trim().replace('#', '');\n const value = Number.parseInt(hex, 16);\n return [(value >> 16 & 255) \/ 255, (value >> 8 & 255) \/ 255, (value & 255) \/ 255];\n }\n\n function applyAppearance() {\n if (!ready || destroyed || !gl || gl.isContextLost()) return;\n const style = getComputedStyle(root);\n const names = ['indigo', 'rose', 'yellow', 'cyan', 'mint', 'mist'];\n const weights = names.map((name) => {\n const value = Number.parseFloat(style.getPropertyValue('--orb-weight-' + name));\n return Number.isFinite(value) ? Math.max(0.01, Math.min(20, value)) : 1;\n });\n names.forEach((name) => {\n gl.uniform3f(gl.getUniformLocation(program, 'u_' + name), ...paletteColor(name));\n });\n const dominant = names.includes(root.dataset.dominant) ? root.dataset.dominant : 'indigo';\n gl.uniform3f(uniforms.dominant, ...paletteColor(dominant));\n gl.uniform3f(uniforms.weightsA, ...weights.slice(0, 3));\n gl.uniform3f(uniforms.weightsB, ...weights.slice(3));\n }\n\n function compile(type, source) {\n const shader = gl.createShader(type);\n gl.shaderSource(shader, source);\n gl.compileShader(shader);\n if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n const message = gl.getShaderInfoLog(shader);\n gl.deleteShader(shader);\n throw new Error(message || 'A shader nem ford\u00edthat\u00f3 le.');\n }\n return shader;\n }\n\n function initialize() {\n const vertex = compile(gl.VERTEX_SHADER, vertexSource);\n const fragment = compile(gl.FRAGMENT_SHADER, fragmentSource);\n program = gl.createProgram();\n gl.attachShader(program, vertex);\n gl.attachShader(program, fragment);\n gl.linkProgram(program);\n gl.deleteShader(vertex);\n gl.deleteShader(fragment);\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n throw new Error(gl.getProgramInfoLog(program) || 'A program nem kapcsolhat\u00f3 \u00f6ssze.');\n }\n gl.useProgram(program);\n buffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);\n const position = gl.getAttribLocation(program, 'a_position');\n gl.enableVertexAttribArray(position);\n gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n uniforms = {\n time: gl.getUniformLocation(program, 'u_time'),\n resolution: gl.getUniformLocation(program, 'u_resolution'),\n grain: gl.getUniformLocation(program, 'u_grain'),\n weightsA: gl.getUniformLocation(program, 'u_weightsA'),\n weightsB: gl.getUniformLocation(program, 'u_weightsB'),\n dominant: gl.getUniformLocation(program, 'u_dominant')\n };\n gl.uniform1f(uniforms.grain, SETTINGS.grain);\n ready = true;\n applyAppearance();\n resize();\n root.dataset.renderer = 'webgl';\n }\n\n function draw() {\n if (destroyed || !ready || gl.isContextLost()) return;\n gl.uniform1f(uniforms.time, phase);\n\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n }\n\n function resize() {\n\n if (destroyed || !ready) return;\n const width = root.getBoundingClientRect().width;\n const pixelRatio = Math.min(window.devicePixelRatio || 1, SETTINGS.maxPixelRatio);\n const size = Math.max(1, Math.min(SETTINGS.maxResolution, Math.round(width * pixelRatio)));\n if (canvas.width !== size || canvas.height !== size) {\n canvas.width = canvas.height = size;\n }\n gl.viewport(0, 0, size, size);\n gl.uniform1f(uniforms.resolution, size);\n draw();\n }\n\n function stop() {\n cancelAnimationFrame(animationFrame);\n animationFrame = 0;\n previousTime = null;\n }\n\n function shouldAnimate() {\n return !destroyed && ready && inView && !document.hidden && !reducedMotion.matches;\n }\n\n function tick(now) {\n animationFrame = 0;\n if (!shouldAnimate()) { previousTime = null; return; }\n const delta = previousTime === null ? 0 : Math.min((now - previousTime) \/ 1000, 0.06);\n previousTime = now;\n elapsed += delta;\n\n \/\/ Folyamatos temp\u00f3v\u00e1lt\u00e1s: hosszabb nyugodt r\u00e9szek \u00e9s r\u00f6vid \u00e9l\u00e9nk\u00fcl\u00e9sek.\n \/\/ Az id\u0151 integr\u00e1l\u00e1sa megakad\u00e1lyozza a hirtelen ugr\u00e1st vagy visszafordul\u00e1st.\n const swell = 0.5 + 0.5 * Math.sin(elapsed * 0.29 + 0.8 * Math.sin(elapsed * 0.11));\n const tempo = 0.22 + 0.68 * swell * swell * swell;\n phase += delta * tempo * SETTINGS.speed;\n draw();\n animationFrame = requestAnimationFrame(tick);\n }\n\n function syncPlayback() {\n if (shouldAnimate()) {\n if (!animationFrame) animationFrame = requestAnimationFrame(tick);\n } else {\n stop();\n draw();\n }\n root.querySelectorAll('.beept-orb-mini__cloud').forEach((cloud) => {\n cloud.style.animationPlayState = (!document.hidden && inView && !reducedMotion.matches) ? 'running' : 'paused';\n });\n }\n\n function onContextLost(event) {\n event.preventDefault();\n ready = false;\n stop();\n delete root.dataset.renderer;\n syncPlayback();\n }\n\n function onContextRestored() {\n try {\n initialize();\n syncPlayback();\n } catch (error) {\n ready = false;\n delete root.dataset.renderer;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n }\n\n canvas.addEventListener('webglcontextlost', onContextLost);\n canvas.addEventListener('webglcontextrestored', onContextRestored);\n\n try {\n if (gl) initialize();\n } catch (error) {\n ready = false;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n\n if ('ResizeObserver' in window) {\n resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(root);\n }\n window.addEventListener('resize', resize, { passive: true });\n document.addEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.addEventListener) reducedMotion.addEventListener('change', syncPlayback);\n else reducedMotion.addListener(syncPlayback);\n\n if ('IntersectionObserver' in window) {\n intersectionObserver = new IntersectionObserver(([entry]) => {\n inView = entry.isIntersecting;\n syncPlayback();\n }, { threshold: 0 });\n intersectionObserver.observe(root);\n }\n\n if ('MutationObserver' in window) {\n appearanceObserver = new MutationObserver(() => {\n applyAppearance();\n draw();\n });\n appearanceObserver.observe(root, {\n attributes: true,\n attributeFilter: ['data-dominant', 'style', 'class']\n });\n }\n\n syncPlayback();\n\n return {\n canvas,\n destroy() {\n destroyed = true;\n ready = false;\n stop();\n if (resizeObserver) resizeObserver.disconnect();\n if (intersectionObserver) intersectionObserver.disconnect();\n if (appearanceObserver) appearanceObserver.disconnect();\n window.removeEventListener('resize', resize);\n document.removeEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.removeEventListener) reducedMotion.removeEventListener('change', syncPlayback);\n else reducedMotion.removeListener(syncPlayback);\n canvas.removeEventListener('webglcontextlost', onContextLost);\n canvas.removeEventListener('webglcontextrestored', onContextRestored);\n if (gl && !gl.isContextLost()) {\n if (buffer) gl.deleteBuffer(buffer);\n if (program) gl.deleteProgram(program);\n const loseContext = gl.getExtension('WEBGL_lose_context');\n if (loseContext) loseContext.loseContext();\n }\n }\n };\n\n }\n\n function scan() {\n instances.forEach((instance, root) => {\n if (!root.isConnected || root.querySelector('.beept-orb-mini__canvas') !== instance.canvas) {\n instance.destroy();\n instances.delete(root);\n }\n });\n\n document.querySelectorAll('.beept-orb-mini').forEach((root) => {\n if (instances.has(root)) return;\n const canvas = root.querySelector('.beept-orb-mini__canvas');\n if (!canvas) return;\n try {\n instances.set(root, createOrb(root, canvas));\n } catch (error) {\n delete root.dataset.renderer;\n console.warn('A BeePT k\u00f6r ind\u00edt\u00e1sa nem siker\u00fclt.', error);\n }\n });\n }\n\n function queueScan() {\n if (scanQueued) return;\n scanQueued = true;\n queueMicrotask(() => {\n scanQueued = false;\n scan();\n });\n }\n\n window[RUNTIME_KEY] = { scan };\n scan();\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', scan, { once: true });\n }\n\n \/\/ Kezeli a szerkeszt\u0151ben hozz\u00e1adott, duplik\u00e1lt \u00e9s \u00fajrarajzolt HTML-blokkokat is.\n if ('MutationObserver' in window) {\n const observer = new MutationObserver(queueScan);\n observer.observe(document.documentElement, { childList: true, subtree: true });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec07d46 elementor-widget elementor-widget-heading\" data-id=\"ec07d46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">A saj\u00e1t tud\u00e1sotokb\u00f3l v\u00e1laszol<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddb541c elementor-widget elementor-widget-text-editor\" data-id=\"ddb541c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Nem az internetr\u0151l tal\u00e1lgatja ki, n\u00e1latok hogyan m\u0171k\u00f6dik valami.\u200b<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2aefb6 e-con-full e-flex e-con e-child\" data-id=\"c2aefb6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04075bd elementor-widget elementor-widget-html\" data-id=\"04075bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"hu\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <title>BeePT \u2013 Piros \u2013 100 \u00d7 100 px<\/title>\n <style>\n html, body { margin: 0; padding: 0; background: transparent; }\n\n \/* Fix 100 \u00d7 100 CSS-pixel. Nincs felirat \u00e9s nincs eg\u00e9r- vagy \u00e9rint\u00e9si reakci\u00f3. *\/\n .beept-orb-mini {\n --orb-indigo: #40438E;\n --orb-rose: #FF0048;\n --orb-yellow: #FFC40E;\n --orb-cyan: #95E5F9;\n --orb-mint: #81E3A5;\n --orb-mist: #979AB0;\n --orb-dominant: var(--orb-indigo);\n \/* Relat\u00edv sz\u00edns\u00falyok: 1 = eredeti ar\u00e1ny, nagyobb sz\u00e1m = er\u0151sebb jelenl\u00e9t. *\/\n --orb-weight-indigo: 1;\n --orb-weight-rose: 1;\n --orb-weight-yellow: 1;\n --orb-weight-cyan: 1;\n --orb-weight-mint: 1;\n --orb-weight-mist: 1;\n position: relative;\n display: block;\n box-sizing: border-box;\n width: 100px;\n height: 100px;\n min-width: 100px;\n max-width: 100px;\n min-height: 100px;\n max-height: 100px;\n flex: 0 0 100px;\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n border-radius: 50%;\n isolation: isolate;\n pointer-events: none;\n user-select: none;\n }\n\n \/* A f\u0151sz\u00edn minden p\u00e9ld\u00e1ny saj\u00e1t be\u00e1ll\u00edt\u00e1sa; a widgetek nem \u00edrj\u00e1k fel\u00fcl egym\u00e1st. *\/\n .beept-orb-mini[data-dominant=\"indigo\"] { --orb-dominant: var(--orb-indigo); }\n .beept-orb-mini[data-dominant=\"rose\"] { --orb-dominant: var(--orb-rose); }\n .beept-orb-mini[data-dominant=\"cyan\"] { --orb-dominant: var(--orb-cyan); }\n .beept-orb-mini[data-dominant=\"mint\"] { --orb-dominant: var(--orb-mint); }\n\n .beept-orb-mini__canvas {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__canvas { opacity: 1; }\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__fallback { display: none; }\n\n .beept-orb-mini__fallback {\n position: absolute;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n border-radius: inherit;\n background: var(--orb-dominant);\n }\n\n .beept-orb-mini__cloud {\n position: absolute;\n inset: -30%;\n background:\n radial-gradient(ellipse at 22% 46%, var(--orb-yellow) 0, var(--orb-rose) clamp(3%, calc(9% * var(--orb-weight-yellow)), 18%), transparent clamp(12%, calc(32% * var(--orb-weight-rose)), 72%)),\n radial-gradient(ellipse at 72% 32%, var(--orb-cyan) 0, transparent clamp(12%, calc(41% * var(--orb-weight-cyan)), 78%)),\n radial-gradient(ellipse at 65% 78%, var(--orb-mint) 0, transparent clamp(8%, calc(24% * var(--orb-weight-mint)), 75%)),\n radial-gradient(ellipse at 40% 70%, var(--orb-mist) 0, var(--orb-dominant) 52%);\n filter: blur(4px);\n animation: beept-mini-idle-drift 18s ease-in-out infinite alternate;\n will-change: transform;\n }\n\n .beept-orb-mini__cloud--second {\n background:\n radial-gradient(ellipse at 35% 30%, var(--orb-rose) 0, transparent clamp(8%, calc(25% * var(--orb-weight-rose)), 60%)),\n radial-gradient(ellipse at 65% 66%, var(--orb-cyan) 0, transparent clamp(12%, calc(40% * var(--orb-weight-cyan)), 70%));\n opacity: .55;\n animation-name: beept-mini-idle-fold;\n animation-duration: 14s;\n }\n\n .beept-orb-mini__fallback::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--orb-dominant);\n opacity: .6;\n pointer-events: none;\n }\n\n .beept-orb-mini__grain {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: .14;\n mix-blend-mode: soft-light;\n }\n\n @keyframes beept-mini-idle-drift {\n 0% { transform: rotate(-12deg) scale(1.08) translate(-3%, 1%); }\n 38% { transform: rotate(19deg) scale(1.2, .95) translate(2%, -3%); }\n 65% { transform: rotate(58deg) scale(.95, 1.15) translate(-2%, 4%); }\n 100% { transform: rotate(100deg) scale(1.1) translate(3%, -2%); }\n }\n\n @keyframes beept-mini-idle-fold {\n 0% { transform: rotate(0) scale(1.15, .9) translate(5%, -5%); }\n 50% { transform: rotate(-50deg) scale(.9, 1.15) translate(-8%, 8%); }\n 100% { transform: rotate(-115deg) scale(1.2, .95) translate(4%, 2%); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .beept-orb-mini__cloud { animation-play-state: paused; }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"beept-orb-mini\" data-dominant=\"rose\" data-phase=\"8.3\" role=\"img\" aria-label=\"Piros dominanci\u00e1j\u00fa, \u00e1raml\u00f3 sz\u00ednes k\u00f6r.\">\n <span class=\"beept-orb-mini__fallback\" aria-hidden=\"true\">\n <span class=\"beept-orb-mini__cloud\"><\/span>\n <span class=\"beept-orb-mini__cloud beept-orb-mini__cloud--second\"><\/span>\n <svg class=\"beept-orb-mini__grain\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <filter id=\"beept-grain-mini\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\".85\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\n <feColorMatrix type=\"saturate\" values=\"0\"\/>\n <\/filter>\n <rect width=\"100%\" height=\"100%\" filter=\"url(#beept-grain-mini)\"\/>\n <\/svg>\n <\/span>\n <canvas class=\"beept-orb-mini__canvas\" aria-hidden=\"true\"><\/canvas>\n <\/div>\n <script>\n (() => {\n 'use strict';\n\n \/\/ Az oldal \u00f6sszes k\u00f6re saj\u00e1t anim\u00e1ci\u00f3t kap, a duplik\u00e1lt widgetek is.\n \/\/ Ugyanennek a scriptnek az ism\u00e9telt bet\u00f6lt\u00e9se nem ind\u00edt \u00fajra m\u00e1r fut\u00f3 k\u00f6r\u00f6ket.\n const RUNTIME_KEY = '__beeptOrbMiniDominantRuntimeV1';\n if (window[RUNTIME_KEY]) {\n window[RUNTIME_KEY].scan();\n return;\n }\n\n const instances = new Map();\n let serial = 0;\n let scanQueued = false;\n\n function createOrb(root, canvas) {\n delete root.dataset.renderer;\n const filter = root.querySelector('.beept-orb-mini__grain filter');\n const grainRect = root.querySelector('.beept-orb-mini__grain rect');\n if (filter && grainRect) {\n const filterId = 'beept-grain-mini-auto-' + (++serial);\n filter.id = filterId;\n grainRect.setAttribute('filter', 'url(#' + filterId + ')');\n }\n\n\n \/*\n * \u00d6n\u00e1ll\u00f3, h\u00e1l\u00f3zati k\u00e9r\u00e9s \u00e9s k\u00fcls\u0151 k\u00f6nyvt\u00e1r n\u00e9lk\u00fcl fut\u00f3 anim\u00e1ci\u00f3.\n * A sebess\u00e9get \u00e9s a szemcs\u00e9zetts\u00e9get itt lehet finomhangolni.\n *\/\n const SETTINGS = {\n speed: 1.70, \/\/ Az el\u0151z\u0151 0.85 \u00e9rt\u00e9k k\u00e9tszerese.\n grain: 0.07, \/\/ 0: sima fel\u00fclet; 0.10 k\u00f6r\u00fcl: finom szemcs\u00e9k\n\n maxResolution: 300, \/\/ Bels\u0151 felbont\u00e1s fels\u0151 hat\u00e1ra\n maxPixelRatio: 3\n };\n\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n const gl = canvas.getContext('webgl', {\n alpha: true,\n antialias: false,\n depth: false,\n stencil: false,\n premultipliedAlpha: false,\n powerPreference: 'low-power'\n });\n\n const vertexSource = `\n attribute vec2 a_position;\n varying vec2 v_uv;\n void main() {\n v_uv = a_position;\n gl_Position = vec4(a_position, 0.0, 1.0);\n }\n `;\n\n const fragmentSource = `\n precision highp float;\n varying vec2 v_uv;\n uniform float u_time;\n uniform float u_resolution;\n uniform float u_grain;\n\n uniform vec3 u_indigo;\n uniform vec3 u_rose;\n uniform vec3 u_yellow;\n uniform vec3 u_cyan;\n uniform vec3 u_mint;\n uniform vec3 u_mist;\n uniform vec3 u_dominant;\n \/\/ K\u00e9t h\u00e1rmas: indig\u00f3\/piros\/s\u00e1rga \u00e9s vil\u00e1gosk\u00e9k\/menta\/sz\u00fcrke.\n uniform vec3 u_weightsA;\n uniform vec3 u_weightsB;\n\n float hash(vec3 p) {\n p = fract(p * 0.1031);\n p += dot(p, p.yzx + 33.33);\n return fract((p.x + p.y) * p.z);\n }\n\n \/\/ Folytonos, h\u00e1romdimenzi\u00f3s \u00e9rt\u00e9kzaj, sima interpol\u00e1ci\u00f3val.\n float noise(vec3 p) {\n vec3 i = floor(p);\n vec3 f = fract(p);\n f = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n return mix(\n mix(mix(hash(i), hash(i + vec3(1,0,0)), f.x),\n mix(hash(i + vec3(0,1,0)), hash(i + vec3(1,1,0)), f.x), f.y),\n mix(mix(hash(i + vec3(0,0,1)), hash(i + vec3(1,0,1)), f.x),\n mix(hash(i + vec3(0,1,1)), hash(i + vec3(1,1,1)), f.x), f.y),\n f.z\n ) * 2.0 - 1.0;\n }\n\n mat2 rotate(float a) {\n float s = sin(a), c = cos(a);\n return mat2(c, -s, s, c);\n }\n\n void main() {\n vec2 uv = v_uv;\n float r = length(uv);\n float edge = 1.0 - smoothstep(1.0 - 2.0 \/ u_resolution, 1.0, r);\n if (edge <= 0.0) { gl_FragColor = vec4(0.0); return; }\n\n float t = u_time;\n float z = sqrt(max(0.0, 1.0 - dot(uv, uv)));\n vec3 p = vec3(uv * 1.35, z * 0.7);\n p.xy = rotate(0.13 * t + 0.14 * sin(t * 0.29)) * p.xy;\n p.xz = rotate(0.1 * sin(t * 0.22)) * p.xz;\n\n vec3 warp = vec3(\n noise(p * 1.35 + vec3(0.0, 0.0, t * 0.13)),\n noise(p * 1.35 + vec3(5.2, 1.3, -t * 0.11)),\n noise(p * 1.35 + vec3(-4.0, 8.2, t * 0.1))\n );\n vec3 q = p + warp * 0.72;\n float flow = noise(q * 1.55 + vec3(1.7, 3.8, t * 0.1));\n float folds = noise(q * 2.45 + vec3(7.8, 0.2, -t * 0.08));\n float softness = noise(q * 1.25 + vec3(2.4, 9.3, t * 0.08));\n\n \/\/ Az eredeti, mozg\u00f3 foltok sz\u00ednenk\u00e9nti hozz\u00e1j\u00e1rul\u00e1sa.\n float cool = smoothstep(-0.28, 0.70, q.x * 0.45 + softness * 0.70);\n float warm = smoothstep(0.02, 0.78, -q.x * 0.50 + flow * 0.70);\n float glow = smoothstep(-0.35, 0.60, folds * 0.65 + q.y * 0.25);\n float mintPatch = smoothstep(0.24, 0.77, folds * 0.8 - q.y * 0.38);\n float ribbon = 1.0 - smoothstep(0.01, 0.23, abs(flow + q.y * 0.28 + 0.14));\n float aMist = glow * 0.36;\n float aCyan = cool * 0.92;\n float aMint = mintPatch * cool * 0.84;\n float aRose = warm * 0.96;\n float aYellow = ribbon * pow(warm, 1.4) * 0.85;\n\n float underneath = (1.0 - aRose) * (1.0 - aYellow);\n float base = (1.0 - aCyan) * (1.0 - aMint) * underneath;\n vec3 weightsA = vec3((1.0 - aMist) * base,\n aRose * (1.0 - aYellow), aYellow) * u_weightsA;\n vec3 weightsB = vec3(aCyan * (1.0 - aMint) * underneath,\n aMint * underneath, aMist * base) * u_weightsB;\n float total = dot(weightsA + weightsB, vec3(1.0));\n vec3 color = (u_indigo * weightsA.x + u_rose * weightsA.y\n + u_yellow * weightsA.z + u_cyan * weightsB.x\n + u_mint * weightsB.y + u_mist * weightsB.z) \/ max(total, 0.0001);\n\n \/\/ Domin\u00e1ns f\u0151sz\u00edn, finom bels\u0151 \u00e1raml\u00e1ssal.\n vec3 dominantSurface = mix(u_dominant, color, 0.08 + glow * 0.12);\n\n \/\/ Egy keskeny, hull\u00e1mz\u00f3 s\u00e1vban el\u0151t\u0171nnek a paletta t\u00f6bbi sz\u00ednei.\n \/\/ A s\u00e1von k\u00edv\u00fcl minden k\u00e9pkock\u00e1n a v\u00e1lasztott f\u0151sz\u00edn a leger\u0151sebb.\n vec2 bandUv = rotate(0.15 * t + 0.3) * uv;\n float bend = 0.36 * noise(vec3(bandUv.y * 1.8, t * 0.12, 4.3));\n float distanceToBand = abs(bandUv.x + bend - 0.16 * sin(t * 0.19));\n float accent = 1.0 - smoothstep(0.10, 0.39, distanceToBand);\n color = mix(dominantSurface, color, accent * 0.96);\n\n \/\/ Visszafogott t\u00e9rbelis\u00e9g: nincs er\u0151s peremf\u00e9ny vagy k\u00fcls\u0151 \u00e1rny\u00e9k.\n float light = 0.96 + 0.055 * z + 0.025 * dot(uv, vec2(-0.7, 0.6));\n color *= light;\n float grain = hash(vec3(gl_FragCoord.xy, 13.7)) - 0.5;\n color += grain * u_grain;\n gl_FragColor = vec4(clamp(color, 0.0, 1.0), edge);\n }\n `;\n\n let program;\n let buffer;\n let uniforms;\n let ready = false;\n let animationFrame = 0;\n let previousTime = null;\n let elapsed = 0;\n const initialPhase = Number.parseFloat(root.dataset.phase);\n let phase = Number.isFinite(initialPhase) ? initialPhase : 0.6;\n let inView = true;\n let destroyed = false;\n let resizeObserver = null;\n let intersectionObserver = null;\n let appearanceObserver = null;\n\n function paletteColor(name) {\n const hex = getComputedStyle(root).getPropertyValue('--orb-' + name).trim().replace('#', '');\n const value = Number.parseInt(hex, 16);\n return [(value >> 16 & 255) \/ 255, (value >> 8 & 255) \/ 255, (value & 255) \/ 255];\n }\n\n function applyAppearance() {\n if (!ready || destroyed || !gl || gl.isContextLost()) return;\n const style = getComputedStyle(root);\n const names = ['indigo', 'rose', 'yellow', 'cyan', 'mint', 'mist'];\n const weights = names.map((name) => {\n const value = Number.parseFloat(style.getPropertyValue('--orb-weight-' + name));\n return Number.isFinite(value) ? Math.max(0.01, Math.min(20, value)) : 1;\n });\n names.forEach((name) => {\n gl.uniform3f(gl.getUniformLocation(program, 'u_' + name), ...paletteColor(name));\n });\n const dominant = names.includes(root.dataset.dominant) ? root.dataset.dominant : 'indigo';\n gl.uniform3f(uniforms.dominant, ...paletteColor(dominant));\n gl.uniform3f(uniforms.weightsA, ...weights.slice(0, 3));\n gl.uniform3f(uniforms.weightsB, ...weights.slice(3));\n }\n\n function compile(type, source) {\n const shader = gl.createShader(type);\n gl.shaderSource(shader, source);\n gl.compileShader(shader);\n if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n const message = gl.getShaderInfoLog(shader);\n gl.deleteShader(shader);\n throw new Error(message || 'A shader nem ford\u00edthat\u00f3 le.');\n }\n return shader;\n }\n\n function initialize() {\n const vertex = compile(gl.VERTEX_SHADER, vertexSource);\n const fragment = compile(gl.FRAGMENT_SHADER, fragmentSource);\n program = gl.createProgram();\n gl.attachShader(program, vertex);\n gl.attachShader(program, fragment);\n gl.linkProgram(program);\n gl.deleteShader(vertex);\n gl.deleteShader(fragment);\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n throw new Error(gl.getProgramInfoLog(program) || 'A program nem kapcsolhat\u00f3 \u00f6ssze.');\n }\n gl.useProgram(program);\n buffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);\n const position = gl.getAttribLocation(program, 'a_position');\n gl.enableVertexAttribArray(position);\n gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n uniforms = {\n time: gl.getUniformLocation(program, 'u_time'),\n resolution: gl.getUniformLocation(program, 'u_resolution'),\n grain: gl.getUniformLocation(program, 'u_grain'),\n weightsA: gl.getUniformLocation(program, 'u_weightsA'),\n weightsB: gl.getUniformLocation(program, 'u_weightsB'),\n dominant: gl.getUniformLocation(program, 'u_dominant')\n };\n gl.uniform1f(uniforms.grain, SETTINGS.grain);\n ready = true;\n applyAppearance();\n resize();\n root.dataset.renderer = 'webgl';\n }\n\n function draw() {\n if (destroyed || !ready || gl.isContextLost()) return;\n gl.uniform1f(uniforms.time, phase);\n\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n }\n\n function resize() {\n\n if (destroyed || !ready) return;\n const width = root.getBoundingClientRect().width;\n const pixelRatio = Math.min(window.devicePixelRatio || 1, SETTINGS.maxPixelRatio);\n const size = Math.max(1, Math.min(SETTINGS.maxResolution, Math.round(width * pixelRatio)));\n if (canvas.width !== size || canvas.height !== size) {\n canvas.width = canvas.height = size;\n }\n gl.viewport(0, 0, size, size);\n gl.uniform1f(uniforms.resolution, size);\n draw();\n }\n\n function stop() {\n cancelAnimationFrame(animationFrame);\n animationFrame = 0;\n previousTime = null;\n }\n\n function shouldAnimate() {\n return !destroyed && ready && inView && !document.hidden && !reducedMotion.matches;\n }\n\n function tick(now) {\n animationFrame = 0;\n if (!shouldAnimate()) { previousTime = null; return; }\n const delta = previousTime === null ? 0 : Math.min((now - previousTime) \/ 1000, 0.06);\n previousTime = now;\n elapsed += delta;\n\n \/\/ Folyamatos temp\u00f3v\u00e1lt\u00e1s: hosszabb nyugodt r\u00e9szek \u00e9s r\u00f6vid \u00e9l\u00e9nk\u00fcl\u00e9sek.\n \/\/ Az id\u0151 integr\u00e1l\u00e1sa megakad\u00e1lyozza a hirtelen ugr\u00e1st vagy visszafordul\u00e1st.\n const swell = 0.5 + 0.5 * Math.sin(elapsed * 0.29 + 0.8 * Math.sin(elapsed * 0.11));\n const tempo = 0.22 + 0.68 * swell * swell * swell;\n phase += delta * tempo * SETTINGS.speed;\n draw();\n animationFrame = requestAnimationFrame(tick);\n }\n\n function syncPlayback() {\n if (shouldAnimate()) {\n if (!animationFrame) animationFrame = requestAnimationFrame(tick);\n } else {\n stop();\n draw();\n }\n root.querySelectorAll('.beept-orb-mini__cloud').forEach((cloud) => {\n cloud.style.animationPlayState = (!document.hidden && inView && !reducedMotion.matches) ? 'running' : 'paused';\n });\n }\n\n function onContextLost(event) {\n event.preventDefault();\n ready = false;\n stop();\n delete root.dataset.renderer;\n syncPlayback();\n }\n\n function onContextRestored() {\n try {\n initialize();\n syncPlayback();\n } catch (error) {\n ready = false;\n delete root.dataset.renderer;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n }\n\n canvas.addEventListener('webglcontextlost', onContextLost);\n canvas.addEventListener('webglcontextrestored', onContextRestored);\n\n try {\n if (gl) initialize();\n } catch (error) {\n ready = false;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n\n if ('ResizeObserver' in window) {\n resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(root);\n }\n window.addEventListener('resize', resize, { passive: true });\n document.addEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.addEventListener) reducedMotion.addEventListener('change', syncPlayback);\n else reducedMotion.addListener(syncPlayback);\n\n if ('IntersectionObserver' in window) {\n intersectionObserver = new IntersectionObserver(([entry]) => {\n inView = entry.isIntersecting;\n syncPlayback();\n }, { threshold: 0 });\n intersectionObserver.observe(root);\n }\n\n if ('MutationObserver' in window) {\n appearanceObserver = new MutationObserver(() => {\n applyAppearance();\n draw();\n });\n appearanceObserver.observe(root, {\n attributes: true,\n attributeFilter: ['data-dominant', 'style', 'class']\n });\n }\n\n syncPlayback();\n\n return {\n canvas,\n destroy() {\n destroyed = true;\n ready = false;\n stop();\n if (resizeObserver) resizeObserver.disconnect();\n if (intersectionObserver) intersectionObserver.disconnect();\n if (appearanceObserver) appearanceObserver.disconnect();\n window.removeEventListener('resize', resize);\n document.removeEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.removeEventListener) reducedMotion.removeEventListener('change', syncPlayback);\n else reducedMotion.removeListener(syncPlayback);\n canvas.removeEventListener('webglcontextlost', onContextLost);\n canvas.removeEventListener('webglcontextrestored', onContextRestored);\n if (gl && !gl.isContextLost()) {\n if (buffer) gl.deleteBuffer(buffer);\n if (program) gl.deleteProgram(program);\n const loseContext = gl.getExtension('WEBGL_lose_context');\n if (loseContext) loseContext.loseContext();\n }\n }\n };\n\n }\n\n function scan() {\n instances.forEach((instance, root) => {\n if (!root.isConnected || root.querySelector('.beept-orb-mini__canvas') !== instance.canvas) {\n instance.destroy();\n instances.delete(root);\n }\n });\n\n document.querySelectorAll('.beept-orb-mini').forEach((root) => {\n if (instances.has(root)) return;\n const canvas = root.querySelector('.beept-orb-mini__canvas');\n if (!canvas) return;\n try {\n instances.set(root, createOrb(root, canvas));\n } catch (error) {\n delete root.dataset.renderer;\n console.warn('A BeePT k\u00f6r ind\u00edt\u00e1sa nem siker\u00fclt.', error);\n }\n });\n }\n\n function queueScan() {\n if (scanQueued) return;\n scanQueued = true;\n queueMicrotask(() => {\n scanQueued = false;\n scan();\n });\n }\n\n window[RUNTIME_KEY] = { scan };\n scan();\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', scan, { once: true });\n }\n\n \/\/ Kezeli a szerkeszt\u0151ben hozz\u00e1adott, duplik\u00e1lt \u00e9s \u00fajrarajzolt HTML-blokkokat is.\n if ('MutationObserver' in window) {\n const observer = new MutationObserver(queueScan);\n observer.observe(document.documentElement, { childList: true, subtree: true });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9351b09 elementor-widget elementor-widget-heading\" data-id=\"9351b09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Egy helyen teszi el\u00e9rhet\u0151v\u00e9 a sz\u00e9tsz\u00f3rt inform\u00e1ci\u00f3t\u200b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7542753 elementor-widget elementor-widget-text-editor\" data-id=\"7542753\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Dokumentumok, folyamatok \u00e9s bels\u0151 tud\u00e1s ker\u00fclhet m\u00f6g\u00e9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b31b6bb e-con-full e-flex e-con e-child\" data-id=\"b31b6bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd15e24 elementor-widget elementor-widget-html\" data-id=\"dd15e24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"hu\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <title>BeePT \u2013 Vil\u00e1gosk\u00e9k \u2013 100 \u00d7 100 px<\/title>\n <style>\n html, body { margin: 0; padding: 0; background: transparent; }\n\n \/* Fix 100 \u00d7 100 CSS-pixel. Nincs felirat \u00e9s nincs eg\u00e9r- vagy \u00e9rint\u00e9si reakci\u00f3. *\/\n .beept-orb-mini {\n --orb-indigo: #40438E;\n --orb-rose: #FF0048;\n --orb-yellow: #FFC40E;\n --orb-cyan: #95E5F9;\n --orb-mint: #81E3A5;\n --orb-mist: #979AB0;\n --orb-dominant: var(--orb-indigo);\n \/* Relat\u00edv sz\u00edns\u00falyok: 1 = eredeti ar\u00e1ny, nagyobb sz\u00e1m = er\u0151sebb jelenl\u00e9t. *\/\n --orb-weight-indigo: 1;\n --orb-weight-rose: 1;\n --orb-weight-yellow: 1;\n --orb-weight-cyan: 1;\n --orb-weight-mint: 1;\n --orb-weight-mist: 1;\n position: relative;\n display: block;\n box-sizing: border-box;\n width: 100px;\n height: 100px;\n min-width: 100px;\n max-width: 100px;\n min-height: 100px;\n max-height: 100px;\n flex: 0 0 100px;\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n border-radius: 50%;\n isolation: isolate;\n pointer-events: none;\n user-select: none;\n }\n\n \/* A f\u0151sz\u00edn minden p\u00e9ld\u00e1ny saj\u00e1t be\u00e1ll\u00edt\u00e1sa; a widgetek nem \u00edrj\u00e1k fel\u00fcl egym\u00e1st. *\/\n .beept-orb-mini[data-dominant=\"indigo\"] { --orb-dominant: var(--orb-indigo); }\n .beept-orb-mini[data-dominant=\"rose\"] { --orb-dominant: var(--orb-rose); }\n .beept-orb-mini[data-dominant=\"cyan\"] { --orb-dominant: var(--orb-cyan); }\n .beept-orb-mini[data-dominant=\"mint\"] { --orb-dominant: var(--orb-mint); }\n\n .beept-orb-mini__canvas {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__canvas { opacity: 1; }\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__fallback { display: none; }\n\n .beept-orb-mini__fallback {\n position: absolute;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n border-radius: inherit;\n background: var(--orb-dominant);\n }\n\n .beept-orb-mini__cloud {\n position: absolute;\n inset: -30%;\n background:\n radial-gradient(ellipse at 22% 46%, var(--orb-yellow) 0, var(--orb-rose) clamp(3%, calc(9% * var(--orb-weight-yellow)), 18%), transparent clamp(12%, calc(32% * var(--orb-weight-rose)), 72%)),\n radial-gradient(ellipse at 72% 32%, var(--orb-cyan) 0, transparent clamp(12%, calc(41% * var(--orb-weight-cyan)), 78%)),\n radial-gradient(ellipse at 65% 78%, var(--orb-mint) 0, transparent clamp(8%, calc(24% * var(--orb-weight-mint)), 75%)),\n radial-gradient(ellipse at 40% 70%, var(--orb-mist) 0, var(--orb-dominant) 52%);\n filter: blur(4px);\n animation: beept-mini-idle-drift 18s ease-in-out infinite alternate;\n will-change: transform;\n }\n\n .beept-orb-mini__cloud--second {\n background:\n radial-gradient(ellipse at 35% 30%, var(--orb-rose) 0, transparent clamp(8%, calc(25% * var(--orb-weight-rose)), 60%)),\n radial-gradient(ellipse at 65% 66%, var(--orb-cyan) 0, transparent clamp(12%, calc(40% * var(--orb-weight-cyan)), 70%));\n opacity: .55;\n animation-name: beept-mini-idle-fold;\n animation-duration: 14s;\n }\n\n .beept-orb-mini__fallback::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--orb-dominant);\n opacity: .6;\n pointer-events: none;\n }\n\n .beept-orb-mini__grain {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: .14;\n mix-blend-mode: soft-light;\n }\n\n @keyframes beept-mini-idle-drift {\n 0% { transform: rotate(-12deg) scale(1.08) translate(-3%, 1%); }\n 38% { transform: rotate(19deg) scale(1.2, .95) translate(2%, -3%); }\n 65% { transform: rotate(58deg) scale(.95, 1.15) translate(-2%, 4%); }\n 100% { transform: rotate(100deg) scale(1.1) translate(3%, -2%); }\n }\n\n @keyframes beept-mini-idle-fold {\n 0% { transform: rotate(0) scale(1.15, .9) translate(5%, -5%); }\n 50% { transform: rotate(-50deg) scale(.9, 1.15) translate(-8%, 8%); }\n 100% { transform: rotate(-115deg) scale(1.2, .95) translate(4%, 2%); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .beept-orb-mini__cloud { animation-play-state: paused; }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"beept-orb-mini\" data-dominant=\"cyan\" data-phase=\"16.2\" role=\"img\" aria-label=\"Vil\u00e1gosk\u00e9k dominanci\u00e1j\u00fa, \u00e1raml\u00f3 sz\u00ednes k\u00f6r.\">\n <span class=\"beept-orb-mini__fallback\" aria-hidden=\"true\">\n <span class=\"beept-orb-mini__cloud\"><\/span>\n <span class=\"beept-orb-mini__cloud beept-orb-mini__cloud--second\"><\/span>\n <svg class=\"beept-orb-mini__grain\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <filter id=\"beept-grain-mini\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\".85\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\n <feColorMatrix type=\"saturate\" values=\"0\"\/>\n <\/filter>\n <rect width=\"100%\" height=\"100%\" filter=\"url(#beept-grain-mini)\"\/>\n <\/svg>\n <\/span>\n <canvas class=\"beept-orb-mini__canvas\" aria-hidden=\"true\"><\/canvas>\n <\/div>\n <script>\n (() => {\n 'use strict';\n\n \/\/ Az oldal \u00f6sszes k\u00f6re saj\u00e1t anim\u00e1ci\u00f3t kap, a duplik\u00e1lt widgetek is.\n \/\/ Ugyanennek a scriptnek az ism\u00e9telt bet\u00f6lt\u00e9se nem ind\u00edt \u00fajra m\u00e1r fut\u00f3 k\u00f6r\u00f6ket.\n const RUNTIME_KEY = '__beeptOrbMiniDominantRuntimeV1';\n if (window[RUNTIME_KEY]) {\n window[RUNTIME_KEY].scan();\n return;\n }\n\n const instances = new Map();\n let serial = 0;\n let scanQueued = false;\n\n function createOrb(root, canvas) {\n delete root.dataset.renderer;\n const filter = root.querySelector('.beept-orb-mini__grain filter');\n const grainRect = root.querySelector('.beept-orb-mini__grain rect');\n if (filter && grainRect) {\n const filterId = 'beept-grain-mini-auto-' + (++serial);\n filter.id = filterId;\n grainRect.setAttribute('filter', 'url(#' + filterId + ')');\n }\n\n\n \/*\n * \u00d6n\u00e1ll\u00f3, h\u00e1l\u00f3zati k\u00e9r\u00e9s \u00e9s k\u00fcls\u0151 k\u00f6nyvt\u00e1r n\u00e9lk\u00fcl fut\u00f3 anim\u00e1ci\u00f3.\n * A sebess\u00e9get \u00e9s a szemcs\u00e9zetts\u00e9get itt lehet finomhangolni.\n *\/\n const SETTINGS = {\n speed: 1.70, \/\/ Az el\u0151z\u0151 0.85 \u00e9rt\u00e9k k\u00e9tszerese.\n grain: 0.07, \/\/ 0: sima fel\u00fclet; 0.10 k\u00f6r\u00fcl: finom szemcs\u00e9k\n\n maxResolution: 300, \/\/ Bels\u0151 felbont\u00e1s fels\u0151 hat\u00e1ra\n maxPixelRatio: 3\n };\n\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n const gl = canvas.getContext('webgl', {\n alpha: true,\n antialias: false,\n depth: false,\n stencil: false,\n premultipliedAlpha: false,\n powerPreference: 'low-power'\n });\n\n const vertexSource = `\n attribute vec2 a_position;\n varying vec2 v_uv;\n void main() {\n v_uv = a_position;\n gl_Position = vec4(a_position, 0.0, 1.0);\n }\n `;\n\n const fragmentSource = `\n precision highp float;\n varying vec2 v_uv;\n uniform float u_time;\n uniform float u_resolution;\n uniform float u_grain;\n\n uniform vec3 u_indigo;\n uniform vec3 u_rose;\n uniform vec3 u_yellow;\n uniform vec3 u_cyan;\n uniform vec3 u_mint;\n uniform vec3 u_mist;\n uniform vec3 u_dominant;\n \/\/ K\u00e9t h\u00e1rmas: indig\u00f3\/piros\/s\u00e1rga \u00e9s vil\u00e1gosk\u00e9k\/menta\/sz\u00fcrke.\n uniform vec3 u_weightsA;\n uniform vec3 u_weightsB;\n\n float hash(vec3 p) {\n p = fract(p * 0.1031);\n p += dot(p, p.yzx + 33.33);\n return fract((p.x + p.y) * p.z);\n }\n\n \/\/ Folytonos, h\u00e1romdimenzi\u00f3s \u00e9rt\u00e9kzaj, sima interpol\u00e1ci\u00f3val.\n float noise(vec3 p) {\n vec3 i = floor(p);\n vec3 f = fract(p);\n f = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n return mix(\n mix(mix(hash(i), hash(i + vec3(1,0,0)), f.x),\n mix(hash(i + vec3(0,1,0)), hash(i + vec3(1,1,0)), f.x), f.y),\n mix(mix(hash(i + vec3(0,0,1)), hash(i + vec3(1,0,1)), f.x),\n mix(hash(i + vec3(0,1,1)), hash(i + vec3(1,1,1)), f.x), f.y),\n f.z\n ) * 2.0 - 1.0;\n }\n\n mat2 rotate(float a) {\n float s = sin(a), c = cos(a);\n return mat2(c, -s, s, c);\n }\n\n void main() {\n vec2 uv = v_uv;\n float r = length(uv);\n float edge = 1.0 - smoothstep(1.0 - 2.0 \/ u_resolution, 1.0, r);\n if (edge <= 0.0) { gl_FragColor = vec4(0.0); return; }\n\n float t = u_time;\n float z = sqrt(max(0.0, 1.0 - dot(uv, uv)));\n vec3 p = vec3(uv * 1.35, z * 0.7);\n p.xy = rotate(0.13 * t + 0.14 * sin(t * 0.29)) * p.xy;\n p.xz = rotate(0.1 * sin(t * 0.22)) * p.xz;\n\n vec3 warp = vec3(\n noise(p * 1.35 + vec3(0.0, 0.0, t * 0.13)),\n noise(p * 1.35 + vec3(5.2, 1.3, -t * 0.11)),\n noise(p * 1.35 + vec3(-4.0, 8.2, t * 0.1))\n );\n vec3 q = p + warp * 0.72;\n float flow = noise(q * 1.55 + vec3(1.7, 3.8, t * 0.1));\n float folds = noise(q * 2.45 + vec3(7.8, 0.2, -t * 0.08));\n float softness = noise(q * 1.25 + vec3(2.4, 9.3, t * 0.08));\n\n \/\/ Az eredeti, mozg\u00f3 foltok sz\u00ednenk\u00e9nti hozz\u00e1j\u00e1rul\u00e1sa.\n float cool = smoothstep(-0.28, 0.70, q.x * 0.45 + softness * 0.70);\n float warm = smoothstep(0.02, 0.78, -q.x * 0.50 + flow * 0.70);\n float glow = smoothstep(-0.35, 0.60, folds * 0.65 + q.y * 0.25);\n float mintPatch = smoothstep(0.24, 0.77, folds * 0.8 - q.y * 0.38);\n float ribbon = 1.0 - smoothstep(0.01, 0.23, abs(flow + q.y * 0.28 + 0.14));\n float aMist = glow * 0.36;\n float aCyan = cool * 0.92;\n float aMint = mintPatch * cool * 0.84;\n float aRose = warm * 0.96;\n float aYellow = ribbon * pow(warm, 1.4) * 0.85;\n\n float underneath = (1.0 - aRose) * (1.0 - aYellow);\n float base = (1.0 - aCyan) * (1.0 - aMint) * underneath;\n vec3 weightsA = vec3((1.0 - aMist) * base,\n aRose * (1.0 - aYellow), aYellow) * u_weightsA;\n vec3 weightsB = vec3(aCyan * (1.0 - aMint) * underneath,\n aMint * underneath, aMist * base) * u_weightsB;\n float total = dot(weightsA + weightsB, vec3(1.0));\n vec3 color = (u_indigo * weightsA.x + u_rose * weightsA.y\n + u_yellow * weightsA.z + u_cyan * weightsB.x\n + u_mint * weightsB.y + u_mist * weightsB.z) \/ max(total, 0.0001);\n\n \/\/ Domin\u00e1ns f\u0151sz\u00edn, finom bels\u0151 \u00e1raml\u00e1ssal.\n vec3 dominantSurface = mix(u_dominant, color, 0.08 + glow * 0.12);\n\n \/\/ Egy keskeny, hull\u00e1mz\u00f3 s\u00e1vban el\u0151t\u0171nnek a paletta t\u00f6bbi sz\u00ednei.\n \/\/ A s\u00e1von k\u00edv\u00fcl minden k\u00e9pkock\u00e1n a v\u00e1lasztott f\u0151sz\u00edn a leger\u0151sebb.\n vec2 bandUv = rotate(0.15 * t + 0.3) * uv;\n float bend = 0.36 * noise(vec3(bandUv.y * 1.8, t * 0.12, 4.3));\n float distanceToBand = abs(bandUv.x + bend - 0.16 * sin(t * 0.19));\n float accent = 1.0 - smoothstep(0.10, 0.39, distanceToBand);\n color = mix(dominantSurface, color, accent * 0.96);\n\n \/\/ Visszafogott t\u00e9rbelis\u00e9g: nincs er\u0151s peremf\u00e9ny vagy k\u00fcls\u0151 \u00e1rny\u00e9k.\n float light = 0.96 + 0.055 * z + 0.025 * dot(uv, vec2(-0.7, 0.6));\n color *= light;\n float grain = hash(vec3(gl_FragCoord.xy, 13.7)) - 0.5;\n color += grain * u_grain;\n gl_FragColor = vec4(clamp(color, 0.0, 1.0), edge);\n }\n `;\n\n let program;\n let buffer;\n let uniforms;\n let ready = false;\n let animationFrame = 0;\n let previousTime = null;\n let elapsed = 0;\n const initialPhase = Number.parseFloat(root.dataset.phase);\n let phase = Number.isFinite(initialPhase) ? initialPhase : 0.6;\n let inView = true;\n let destroyed = false;\n let resizeObserver = null;\n let intersectionObserver = null;\n let appearanceObserver = null;\n\n function paletteColor(name) {\n const hex = getComputedStyle(root).getPropertyValue('--orb-' + name).trim().replace('#', '');\n const value = Number.parseInt(hex, 16);\n return [(value >> 16 & 255) \/ 255, (value >> 8 & 255) \/ 255, (value & 255) \/ 255];\n }\n\n function applyAppearance() {\n if (!ready || destroyed || !gl || gl.isContextLost()) return;\n const style = getComputedStyle(root);\n const names = ['indigo', 'rose', 'yellow', 'cyan', 'mint', 'mist'];\n const weights = names.map((name) => {\n const value = Number.parseFloat(style.getPropertyValue('--orb-weight-' + name));\n return Number.isFinite(value) ? Math.max(0.01, Math.min(20, value)) : 1;\n });\n names.forEach((name) => {\n gl.uniform3f(gl.getUniformLocation(program, 'u_' + name), ...paletteColor(name));\n });\n const dominant = names.includes(root.dataset.dominant) ? root.dataset.dominant : 'indigo';\n gl.uniform3f(uniforms.dominant, ...paletteColor(dominant));\n gl.uniform3f(uniforms.weightsA, ...weights.slice(0, 3));\n gl.uniform3f(uniforms.weightsB, ...weights.slice(3));\n }\n\n function compile(type, source) {\n const shader = gl.createShader(type);\n gl.shaderSource(shader, source);\n gl.compileShader(shader);\n if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n const message = gl.getShaderInfoLog(shader);\n gl.deleteShader(shader);\n throw new Error(message || 'A shader nem ford\u00edthat\u00f3 le.');\n }\n return shader;\n }\n\n function initialize() {\n const vertex = compile(gl.VERTEX_SHADER, vertexSource);\n const fragment = compile(gl.FRAGMENT_SHADER, fragmentSource);\n program = gl.createProgram();\n gl.attachShader(program, vertex);\n gl.attachShader(program, fragment);\n gl.linkProgram(program);\n gl.deleteShader(vertex);\n gl.deleteShader(fragment);\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n throw new Error(gl.getProgramInfoLog(program) || 'A program nem kapcsolhat\u00f3 \u00f6ssze.');\n }\n gl.useProgram(program);\n buffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);\n const position = gl.getAttribLocation(program, 'a_position');\n gl.enableVertexAttribArray(position);\n gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n uniforms = {\n time: gl.getUniformLocation(program, 'u_time'),\n resolution: gl.getUniformLocation(program, 'u_resolution'),\n grain: gl.getUniformLocation(program, 'u_grain'),\n weightsA: gl.getUniformLocation(program, 'u_weightsA'),\n weightsB: gl.getUniformLocation(program, 'u_weightsB'),\n dominant: gl.getUniformLocation(program, 'u_dominant')\n };\n gl.uniform1f(uniforms.grain, SETTINGS.grain);\n ready = true;\n applyAppearance();\n resize();\n root.dataset.renderer = 'webgl';\n }\n\n function draw() {\n if (destroyed || !ready || gl.isContextLost()) return;\n gl.uniform1f(uniforms.time, phase);\n\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n }\n\n function resize() {\n\n if (destroyed || !ready) return;\n const width = root.getBoundingClientRect().width;\n const pixelRatio = Math.min(window.devicePixelRatio || 1, SETTINGS.maxPixelRatio);\n const size = Math.max(1, Math.min(SETTINGS.maxResolution, Math.round(width * pixelRatio)));\n if (canvas.width !== size || canvas.height !== size) {\n canvas.width = canvas.height = size;\n }\n gl.viewport(0, 0, size, size);\n gl.uniform1f(uniforms.resolution, size);\n draw();\n }\n\n function stop() {\n cancelAnimationFrame(animationFrame);\n animationFrame = 0;\n previousTime = null;\n }\n\n function shouldAnimate() {\n return !destroyed && ready && inView && !document.hidden && !reducedMotion.matches;\n }\n\n function tick(now) {\n animationFrame = 0;\n if (!shouldAnimate()) { previousTime = null; return; }\n const delta = previousTime === null ? 0 : Math.min((now - previousTime) \/ 1000, 0.06);\n previousTime = now;\n elapsed += delta;\n\n \/\/ Folyamatos temp\u00f3v\u00e1lt\u00e1s: hosszabb nyugodt r\u00e9szek \u00e9s r\u00f6vid \u00e9l\u00e9nk\u00fcl\u00e9sek.\n \/\/ Az id\u0151 integr\u00e1l\u00e1sa megakad\u00e1lyozza a hirtelen ugr\u00e1st vagy visszafordul\u00e1st.\n const swell = 0.5 + 0.5 * Math.sin(elapsed * 0.29 + 0.8 * Math.sin(elapsed * 0.11));\n const tempo = 0.22 + 0.68 * swell * swell * swell;\n phase += delta * tempo * SETTINGS.speed;\n draw();\n animationFrame = requestAnimationFrame(tick);\n }\n\n function syncPlayback() {\n if (shouldAnimate()) {\n if (!animationFrame) animationFrame = requestAnimationFrame(tick);\n } else {\n stop();\n draw();\n }\n root.querySelectorAll('.beept-orb-mini__cloud').forEach((cloud) => {\n cloud.style.animationPlayState = (!document.hidden && inView && !reducedMotion.matches) ? 'running' : 'paused';\n });\n }\n\n function onContextLost(event) {\n event.preventDefault();\n ready = false;\n stop();\n delete root.dataset.renderer;\n syncPlayback();\n }\n\n function onContextRestored() {\n try {\n initialize();\n syncPlayback();\n } catch (error) {\n ready = false;\n delete root.dataset.renderer;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n }\n\n canvas.addEventListener('webglcontextlost', onContextLost);\n canvas.addEventListener('webglcontextrestored', onContextRestored);\n\n try {\n if (gl) initialize();\n } catch (error) {\n ready = false;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n\n if ('ResizeObserver' in window) {\n resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(root);\n }\n window.addEventListener('resize', resize, { passive: true });\n document.addEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.addEventListener) reducedMotion.addEventListener('change', syncPlayback);\n else reducedMotion.addListener(syncPlayback);\n\n if ('IntersectionObserver' in window) {\n intersectionObserver = new IntersectionObserver(([entry]) => {\n inView = entry.isIntersecting;\n syncPlayback();\n }, { threshold: 0 });\n intersectionObserver.observe(root);\n }\n\n if ('MutationObserver' in window) {\n appearanceObserver = new MutationObserver(() => {\n applyAppearance();\n draw();\n });\n appearanceObserver.observe(root, {\n attributes: true,\n attributeFilter: ['data-dominant', 'style', 'class']\n });\n }\n\n syncPlayback();\n\n return {\n canvas,\n destroy() {\n destroyed = true;\n ready = false;\n stop();\n if (resizeObserver) resizeObserver.disconnect();\n if (intersectionObserver) intersectionObserver.disconnect();\n if (appearanceObserver) appearanceObserver.disconnect();\n window.removeEventListener('resize', resize);\n document.removeEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.removeEventListener) reducedMotion.removeEventListener('change', syncPlayback);\n else reducedMotion.removeListener(syncPlayback);\n canvas.removeEventListener('webglcontextlost', onContextLost);\n canvas.removeEventListener('webglcontextrestored', onContextRestored);\n if (gl && !gl.isContextLost()) {\n if (buffer) gl.deleteBuffer(buffer);\n if (program) gl.deleteProgram(program);\n const loseContext = gl.getExtension('WEBGL_lose_context');\n if (loseContext) loseContext.loseContext();\n }\n }\n };\n\n }\n\n function scan() {\n instances.forEach((instance, root) => {\n if (!root.isConnected || root.querySelector('.beept-orb-mini__canvas') !== instance.canvas) {\n instance.destroy();\n instances.delete(root);\n }\n });\n\n document.querySelectorAll('.beept-orb-mini').forEach((root) => {\n if (instances.has(root)) return;\n const canvas = root.querySelector('.beept-orb-mini__canvas');\n if (!canvas) return;\n try {\n instances.set(root, createOrb(root, canvas));\n } catch (error) {\n delete root.dataset.renderer;\n console.warn('A BeePT k\u00f6r ind\u00edt\u00e1sa nem siker\u00fclt.', error);\n }\n });\n }\n\n function queueScan() {\n if (scanQueued) return;\n scanQueued = true;\n queueMicrotask(() => {\n scanQueued = false;\n scan();\n });\n }\n\n window[RUNTIME_KEY] = { scan };\n scan();\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', scan, { once: true });\n }\n\n \/\/ Kezeli a szerkeszt\u0151ben hozz\u00e1adott, duplik\u00e1lt \u00e9s \u00fajrarajzolt HTML-blokkokat is.\n if ('MutationObserver' in window) {\n const observer = new MutationObserver(queueScan);\n observer.observe(document.documentElement, { childList: true, subtree: true });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42d9973 elementor-widget elementor-widget-heading\" data-id=\"42d9973\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Mindig ugyanabb\u00f3l a forr\u00e1sb\u00f3l indul\u200b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c664ca5 elementor-widget elementor-widget-text-editor\" data-id=\"c664ca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Nem n\u00e9gy koll\u00e9g\u00e1t\u00f3l kapsz n\u00e9gy k\u00fcl\u00f6nb\u00f6z\u0151 v\u00e1laszt.\u200b<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c16d9a7 e-con-full e-flex e-con e-child\" data-id=\"c16d9a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c949e5e elementor-widget elementor-widget-html\" data-id=\"c949e5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"hu\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <title>BeePT \u2013 Mentaz\u00f6ld \u2013 100 \u00d7 100 px<\/title>\n <style>\n html, body { margin: 0; padding: 0; background: transparent; }\n\n \/* Fix 100 \u00d7 100 CSS-pixel. Nincs felirat \u00e9s nincs eg\u00e9r- vagy \u00e9rint\u00e9si reakci\u00f3. *\/\n .beept-orb-mini {\n --orb-indigo: #40438E;\n --orb-rose: #FF0048;\n --orb-yellow: #FFC40E;\n --orb-cyan: #95E5F9;\n --orb-mint: #81E3A5;\n --orb-mist: #979AB0;\n --orb-dominant: var(--orb-indigo);\n \/* Relat\u00edv sz\u00edns\u00falyok: 1 = eredeti ar\u00e1ny, nagyobb sz\u00e1m = er\u0151sebb jelenl\u00e9t. *\/\n --orb-weight-indigo: 1;\n --orb-weight-rose: 1;\n --orb-weight-yellow: 1;\n --orb-weight-cyan: 1;\n --orb-weight-mint: 1;\n --orb-weight-mist: 1;\n position: relative;\n display: block;\n box-sizing: border-box;\n width: 100px;\n height: 100px;\n min-width: 100px;\n max-width: 100px;\n min-height: 100px;\n max-height: 100px;\n flex: 0 0 100px;\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n border-radius: 50%;\n isolation: isolate;\n pointer-events: none;\n user-select: none;\n }\n\n \/* A f\u0151sz\u00edn minden p\u00e9ld\u00e1ny saj\u00e1t be\u00e1ll\u00edt\u00e1sa; a widgetek nem \u00edrj\u00e1k fel\u00fcl egym\u00e1st. *\/\n .beept-orb-mini[data-dominant=\"indigo\"] { --orb-dominant: var(--orb-indigo); }\n .beept-orb-mini[data-dominant=\"rose\"] { --orb-dominant: var(--orb-rose); }\n .beept-orb-mini[data-dominant=\"cyan\"] { --orb-dominant: var(--orb-cyan); }\n .beept-orb-mini[data-dominant=\"mint\"] { --orb-dominant: var(--orb-mint); }\n\n .beept-orb-mini__canvas {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__canvas { opacity: 1; }\n .beept-orb-mini[data-renderer=\"webgl\"] .beept-orb-mini__fallback { display: none; }\n\n .beept-orb-mini__fallback {\n position: absolute;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n border-radius: inherit;\n background: var(--orb-dominant);\n }\n\n .beept-orb-mini__cloud {\n position: absolute;\n inset: -30%;\n background:\n radial-gradient(ellipse at 22% 46%, var(--orb-yellow) 0, var(--orb-rose) clamp(3%, calc(9% * var(--orb-weight-yellow)), 18%), transparent clamp(12%, calc(32% * var(--orb-weight-rose)), 72%)),\n radial-gradient(ellipse at 72% 32%, var(--orb-cyan) 0, transparent clamp(12%, calc(41% * var(--orb-weight-cyan)), 78%)),\n radial-gradient(ellipse at 65% 78%, var(--orb-mint) 0, transparent clamp(8%, calc(24% * var(--orb-weight-mint)), 75%)),\n radial-gradient(ellipse at 40% 70%, var(--orb-mist) 0, var(--orb-dominant) 52%);\n filter: blur(4px);\n animation: beept-mini-idle-drift 18s ease-in-out infinite alternate;\n will-change: transform;\n }\n\n .beept-orb-mini__cloud--second {\n background:\n radial-gradient(ellipse at 35% 30%, var(--orb-rose) 0, transparent clamp(8%, calc(25% * var(--orb-weight-rose)), 60%)),\n radial-gradient(ellipse at 65% 66%, var(--orb-cyan) 0, transparent clamp(12%, calc(40% * var(--orb-weight-cyan)), 70%));\n opacity: .55;\n animation-name: beept-mini-idle-fold;\n animation-duration: 14s;\n }\n\n .beept-orb-mini__fallback::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--orb-dominant);\n opacity: .6;\n pointer-events: none;\n }\n\n .beept-orb-mini__grain {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: .14;\n mix-blend-mode: soft-light;\n }\n\n @keyframes beept-mini-idle-drift {\n 0% { transform: rotate(-12deg) scale(1.08) translate(-3%, 1%); }\n 38% { transform: rotate(19deg) scale(1.2, .95) translate(2%, -3%); }\n 65% { transform: rotate(58deg) scale(.95, 1.15) translate(-2%, 4%); }\n 100% { transform: rotate(100deg) scale(1.1) translate(3%, -2%); }\n }\n\n @keyframes beept-mini-idle-fold {\n 0% { transform: rotate(0) scale(1.15, .9) translate(5%, -5%); }\n 50% { transform: rotate(-50deg) scale(.9, 1.15) translate(-8%, 8%); }\n 100% { transform: rotate(-115deg) scale(1.2, .95) translate(4%, 2%); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .beept-orb-mini__cloud { animation-play-state: paused; }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"beept-orb-mini\" data-dominant=\"mint\" data-phase=\"23.4\" role=\"img\" aria-label=\"Mentaz\u00f6ld dominanci\u00e1j\u00fa, \u00e1raml\u00f3 sz\u00ednes k\u00f6r.\">\n <span class=\"beept-orb-mini__fallback\" aria-hidden=\"true\">\n <span class=\"beept-orb-mini__cloud\"><\/span>\n <span class=\"beept-orb-mini__cloud beept-orb-mini__cloud--second\"><\/span>\n <svg class=\"beept-orb-mini__grain\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <filter id=\"beept-grain-mini\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\".85\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\n <feColorMatrix type=\"saturate\" values=\"0\"\/>\n <\/filter>\n <rect width=\"100%\" height=\"100%\" filter=\"url(#beept-grain-mini)\"\/>\n <\/svg>\n <\/span>\n <canvas class=\"beept-orb-mini__canvas\" aria-hidden=\"true\"><\/canvas>\n <\/div>\n <script>\n (() => {\n 'use strict';\n\n \/\/ Az oldal \u00f6sszes k\u00f6re saj\u00e1t anim\u00e1ci\u00f3t kap, a duplik\u00e1lt widgetek is.\n \/\/ Ugyanennek a scriptnek az ism\u00e9telt bet\u00f6lt\u00e9se nem ind\u00edt \u00fajra m\u00e1r fut\u00f3 k\u00f6r\u00f6ket.\n const RUNTIME_KEY = '__beeptOrbMiniDominantRuntimeV1';\n if (window[RUNTIME_KEY]) {\n window[RUNTIME_KEY].scan();\n return;\n }\n\n const instances = new Map();\n let serial = 0;\n let scanQueued = false;\n\n function createOrb(root, canvas) {\n delete root.dataset.renderer;\n const filter = root.querySelector('.beept-orb-mini__grain filter');\n const grainRect = root.querySelector('.beept-orb-mini__grain rect');\n if (filter && grainRect) {\n const filterId = 'beept-grain-mini-auto-' + (++serial);\n filter.id = filterId;\n grainRect.setAttribute('filter', 'url(#' + filterId + ')');\n }\n\n\n \/*\n * \u00d6n\u00e1ll\u00f3, h\u00e1l\u00f3zati k\u00e9r\u00e9s \u00e9s k\u00fcls\u0151 k\u00f6nyvt\u00e1r n\u00e9lk\u00fcl fut\u00f3 anim\u00e1ci\u00f3.\n * A sebess\u00e9get \u00e9s a szemcs\u00e9zetts\u00e9get itt lehet finomhangolni.\n *\/\n const SETTINGS = {\n speed: 1.70, \/\/ Az el\u0151z\u0151 0.85 \u00e9rt\u00e9k k\u00e9tszerese.\n grain: 0.07, \/\/ 0: sima fel\u00fclet; 0.10 k\u00f6r\u00fcl: finom szemcs\u00e9k\n\n maxResolution: 300, \/\/ Bels\u0151 felbont\u00e1s fels\u0151 hat\u00e1ra\n maxPixelRatio: 3\n };\n\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n const gl = canvas.getContext('webgl', {\n alpha: true,\n antialias: false,\n depth: false,\n stencil: false,\n premultipliedAlpha: false,\n powerPreference: 'low-power'\n });\n\n const vertexSource = `\n attribute vec2 a_position;\n varying vec2 v_uv;\n void main() {\n v_uv = a_position;\n gl_Position = vec4(a_position, 0.0, 1.0);\n }\n `;\n\n const fragmentSource = `\n precision highp float;\n varying vec2 v_uv;\n uniform float u_time;\n uniform float u_resolution;\n uniform float u_grain;\n\n uniform vec3 u_indigo;\n uniform vec3 u_rose;\n uniform vec3 u_yellow;\n uniform vec3 u_cyan;\n uniform vec3 u_mint;\n uniform vec3 u_mist;\n uniform vec3 u_dominant;\n \/\/ K\u00e9t h\u00e1rmas: indig\u00f3\/piros\/s\u00e1rga \u00e9s vil\u00e1gosk\u00e9k\/menta\/sz\u00fcrke.\n uniform vec3 u_weightsA;\n uniform vec3 u_weightsB;\n\n float hash(vec3 p) {\n p = fract(p * 0.1031);\n p += dot(p, p.yzx + 33.33);\n return fract((p.x + p.y) * p.z);\n }\n\n \/\/ Folytonos, h\u00e1romdimenzi\u00f3s \u00e9rt\u00e9kzaj, sima interpol\u00e1ci\u00f3val.\n float noise(vec3 p) {\n vec3 i = floor(p);\n vec3 f = fract(p);\n f = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n return mix(\n mix(mix(hash(i), hash(i + vec3(1,0,0)), f.x),\n mix(hash(i + vec3(0,1,0)), hash(i + vec3(1,1,0)), f.x), f.y),\n mix(mix(hash(i + vec3(0,0,1)), hash(i + vec3(1,0,1)), f.x),\n mix(hash(i + vec3(0,1,1)), hash(i + vec3(1,1,1)), f.x), f.y),\n f.z\n ) * 2.0 - 1.0;\n }\n\n mat2 rotate(float a) {\n float s = sin(a), c = cos(a);\n return mat2(c, -s, s, c);\n }\n\n void main() {\n vec2 uv = v_uv;\n float r = length(uv);\n float edge = 1.0 - smoothstep(1.0 - 2.0 \/ u_resolution, 1.0, r);\n if (edge <= 0.0) { gl_FragColor = vec4(0.0); return; }\n\n float t = u_time;\n float z = sqrt(max(0.0, 1.0 - dot(uv, uv)));\n vec3 p = vec3(uv * 1.35, z * 0.7);\n p.xy = rotate(0.13 * t + 0.14 * sin(t * 0.29)) * p.xy;\n p.xz = rotate(0.1 * sin(t * 0.22)) * p.xz;\n\n vec3 warp = vec3(\n noise(p * 1.35 + vec3(0.0, 0.0, t * 0.13)),\n noise(p * 1.35 + vec3(5.2, 1.3, -t * 0.11)),\n noise(p * 1.35 + vec3(-4.0, 8.2, t * 0.1))\n );\n vec3 q = p + warp * 0.72;\n float flow = noise(q * 1.55 + vec3(1.7, 3.8, t * 0.1));\n float folds = noise(q * 2.45 + vec3(7.8, 0.2, -t * 0.08));\n float softness = noise(q * 1.25 + vec3(2.4, 9.3, t * 0.08));\n\n \/\/ Az eredeti, mozg\u00f3 foltok sz\u00ednenk\u00e9nti hozz\u00e1j\u00e1rul\u00e1sa.\n float cool = smoothstep(-0.28, 0.70, q.x * 0.45 + softness * 0.70);\n float warm = smoothstep(0.02, 0.78, -q.x * 0.50 + flow * 0.70);\n float glow = smoothstep(-0.35, 0.60, folds * 0.65 + q.y * 0.25);\n float mintPatch = smoothstep(0.24, 0.77, folds * 0.8 - q.y * 0.38);\n float ribbon = 1.0 - smoothstep(0.01, 0.23, abs(flow + q.y * 0.28 + 0.14));\n float aMist = glow * 0.36;\n float aCyan = cool * 0.92;\n float aMint = mintPatch * cool * 0.84;\n float aRose = warm * 0.96;\n float aYellow = ribbon * pow(warm, 1.4) * 0.85;\n\n float underneath = (1.0 - aRose) * (1.0 - aYellow);\n float base = (1.0 - aCyan) * (1.0 - aMint) * underneath;\n vec3 weightsA = vec3((1.0 - aMist) * base,\n aRose * (1.0 - aYellow), aYellow) * u_weightsA;\n vec3 weightsB = vec3(aCyan * (1.0 - aMint) * underneath,\n aMint * underneath, aMist * base) * u_weightsB;\n float total = dot(weightsA + weightsB, vec3(1.0));\n vec3 color = (u_indigo * weightsA.x + u_rose * weightsA.y\n + u_yellow * weightsA.z + u_cyan * weightsB.x\n + u_mint * weightsB.y + u_mist * weightsB.z) \/ max(total, 0.0001);\n\n \/\/ Domin\u00e1ns f\u0151sz\u00edn, finom bels\u0151 \u00e1raml\u00e1ssal.\n vec3 dominantSurface = mix(u_dominant, color, 0.08 + glow * 0.12);\n\n \/\/ Egy keskeny, hull\u00e1mz\u00f3 s\u00e1vban el\u0151t\u0171nnek a paletta t\u00f6bbi sz\u00ednei.\n \/\/ A s\u00e1von k\u00edv\u00fcl minden k\u00e9pkock\u00e1n a v\u00e1lasztott f\u0151sz\u00edn a leger\u0151sebb.\n vec2 bandUv = rotate(0.15 * t + 0.3) * uv;\n float bend = 0.36 * noise(vec3(bandUv.y * 1.8, t * 0.12, 4.3));\n float distanceToBand = abs(bandUv.x + bend - 0.16 * sin(t * 0.19));\n float accent = 1.0 - smoothstep(0.10, 0.39, distanceToBand);\n color = mix(dominantSurface, color, accent * 0.96);\n\n \/\/ Visszafogott t\u00e9rbelis\u00e9g: nincs er\u0151s peremf\u00e9ny vagy k\u00fcls\u0151 \u00e1rny\u00e9k.\n float light = 0.96 + 0.055 * z + 0.025 * dot(uv, vec2(-0.7, 0.6));\n color *= light;\n float grain = hash(vec3(gl_FragCoord.xy, 13.7)) - 0.5;\n color += grain * u_grain;\n gl_FragColor = vec4(clamp(color, 0.0, 1.0), edge);\n }\n `;\n\n let program;\n let buffer;\n let uniforms;\n let ready = false;\n let animationFrame = 0;\n let previousTime = null;\n let elapsed = 0;\n const initialPhase = Number.parseFloat(root.dataset.phase);\n let phase = Number.isFinite(initialPhase) ? initialPhase : 0.6;\n let inView = true;\n let destroyed = false;\n let resizeObserver = null;\n let intersectionObserver = null;\n let appearanceObserver = null;\n\n function paletteColor(name) {\n const hex = getComputedStyle(root).getPropertyValue('--orb-' + name).trim().replace('#', '');\n const value = Number.parseInt(hex, 16);\n return [(value >> 16 & 255) \/ 255, (value >> 8 & 255) \/ 255, (value & 255) \/ 255];\n }\n\n function applyAppearance() {\n if (!ready || destroyed || !gl || gl.isContextLost()) return;\n const style = getComputedStyle(root);\n const names = ['indigo', 'rose', 'yellow', 'cyan', 'mint', 'mist'];\n const weights = names.map((name) => {\n const value = Number.parseFloat(style.getPropertyValue('--orb-weight-' + name));\n return Number.isFinite(value) ? Math.max(0.01, Math.min(20, value)) : 1;\n });\n names.forEach((name) => {\n gl.uniform3f(gl.getUniformLocation(program, 'u_' + name), ...paletteColor(name));\n });\n const dominant = names.includes(root.dataset.dominant) ? root.dataset.dominant : 'indigo';\n gl.uniform3f(uniforms.dominant, ...paletteColor(dominant));\n gl.uniform3f(uniforms.weightsA, ...weights.slice(0, 3));\n gl.uniform3f(uniforms.weightsB, ...weights.slice(3));\n }\n\n function compile(type, source) {\n const shader = gl.createShader(type);\n gl.shaderSource(shader, source);\n gl.compileShader(shader);\n if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n const message = gl.getShaderInfoLog(shader);\n gl.deleteShader(shader);\n throw new Error(message || 'A shader nem ford\u00edthat\u00f3 le.');\n }\n return shader;\n }\n\n function initialize() {\n const vertex = compile(gl.VERTEX_SHADER, vertexSource);\n const fragment = compile(gl.FRAGMENT_SHADER, fragmentSource);\n program = gl.createProgram();\n gl.attachShader(program, vertex);\n gl.attachShader(program, fragment);\n gl.linkProgram(program);\n gl.deleteShader(vertex);\n gl.deleteShader(fragment);\n if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n throw new Error(gl.getProgramInfoLog(program) || 'A program nem kapcsolhat\u00f3 \u00f6ssze.');\n }\n gl.useProgram(program);\n buffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);\n const position = gl.getAttribLocation(program, 'a_position');\n gl.enableVertexAttribArray(position);\n gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n uniforms = {\n time: gl.getUniformLocation(program, 'u_time'),\n resolution: gl.getUniformLocation(program, 'u_resolution'),\n grain: gl.getUniformLocation(program, 'u_grain'),\n weightsA: gl.getUniformLocation(program, 'u_weightsA'),\n weightsB: gl.getUniformLocation(program, 'u_weightsB'),\n dominant: gl.getUniformLocation(program, 'u_dominant')\n };\n gl.uniform1f(uniforms.grain, SETTINGS.grain);\n ready = true;\n applyAppearance();\n resize();\n root.dataset.renderer = 'webgl';\n }\n\n function draw() {\n if (destroyed || !ready || gl.isContextLost()) return;\n gl.uniform1f(uniforms.time, phase);\n\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n }\n\n function resize() {\n\n if (destroyed || !ready) return;\n const width = root.getBoundingClientRect().width;\n const pixelRatio = Math.min(window.devicePixelRatio || 1, SETTINGS.maxPixelRatio);\n const size = Math.max(1, Math.min(SETTINGS.maxResolution, Math.round(width * pixelRatio)));\n if (canvas.width !== size || canvas.height !== size) {\n canvas.width = canvas.height = size;\n }\n gl.viewport(0, 0, size, size);\n gl.uniform1f(uniforms.resolution, size);\n draw();\n }\n\n function stop() {\n cancelAnimationFrame(animationFrame);\n animationFrame = 0;\n previousTime = null;\n }\n\n function shouldAnimate() {\n return !destroyed && ready && inView && !document.hidden && !reducedMotion.matches;\n }\n\n function tick(now) {\n animationFrame = 0;\n if (!shouldAnimate()) { previousTime = null; return; }\n const delta = previousTime === null ? 0 : Math.min((now - previousTime) \/ 1000, 0.06);\n previousTime = now;\n elapsed += delta;\n\n \/\/ Folyamatos temp\u00f3v\u00e1lt\u00e1s: hosszabb nyugodt r\u00e9szek \u00e9s r\u00f6vid \u00e9l\u00e9nk\u00fcl\u00e9sek.\n \/\/ Az id\u0151 integr\u00e1l\u00e1sa megakad\u00e1lyozza a hirtelen ugr\u00e1st vagy visszafordul\u00e1st.\n const swell = 0.5 + 0.5 * Math.sin(elapsed * 0.29 + 0.8 * Math.sin(elapsed * 0.11));\n const tempo = 0.22 + 0.68 * swell * swell * swell;\n phase += delta * tempo * SETTINGS.speed;\n draw();\n animationFrame = requestAnimationFrame(tick);\n }\n\n function syncPlayback() {\n if (shouldAnimate()) {\n if (!animationFrame) animationFrame = requestAnimationFrame(tick);\n } else {\n stop();\n draw();\n }\n root.querySelectorAll('.beept-orb-mini__cloud').forEach((cloud) => {\n cloud.style.animationPlayState = (!document.hidden && inView && !reducedMotion.matches) ? 'running' : 'paused';\n });\n }\n\n function onContextLost(event) {\n event.preventDefault();\n ready = false;\n stop();\n delete root.dataset.renderer;\n syncPlayback();\n }\n\n function onContextRestored() {\n try {\n initialize();\n syncPlayback();\n } catch (error) {\n ready = false;\n delete root.dataset.renderer;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n }\n\n canvas.addEventListener('webglcontextlost', onContextLost);\n canvas.addEventListener('webglcontextrestored', onContextRestored);\n\n try {\n if (gl) initialize();\n } catch (error) {\n ready = false;\n console.warn('A k\u00f6r a tartal\u00e9k anim\u00e1ci\u00f3val jelenik meg.', error);\n }\n\n if ('ResizeObserver' in window) {\n resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(root);\n }\n window.addEventListener('resize', resize, { passive: true });\n document.addEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.addEventListener) reducedMotion.addEventListener('change', syncPlayback);\n else reducedMotion.addListener(syncPlayback);\n\n if ('IntersectionObserver' in window) {\n intersectionObserver = new IntersectionObserver(([entry]) => {\n inView = entry.isIntersecting;\n syncPlayback();\n }, { threshold: 0 });\n intersectionObserver.observe(root);\n }\n\n if ('MutationObserver' in window) {\n appearanceObserver = new MutationObserver(() => {\n applyAppearance();\n draw();\n });\n appearanceObserver.observe(root, {\n attributes: true,\n attributeFilter: ['data-dominant', 'style', 'class']\n });\n }\n\n syncPlayback();\n\n return {\n canvas,\n destroy() {\n destroyed = true;\n ready = false;\n stop();\n if (resizeObserver) resizeObserver.disconnect();\n if (intersectionObserver) intersectionObserver.disconnect();\n if (appearanceObserver) appearanceObserver.disconnect();\n window.removeEventListener('resize', resize);\n document.removeEventListener('visibilitychange', syncPlayback);\n if (reducedMotion.removeEventListener) reducedMotion.removeEventListener('change', syncPlayback);\n else reducedMotion.removeListener(syncPlayback);\n canvas.removeEventListener('webglcontextlost', onContextLost);\n canvas.removeEventListener('webglcontextrestored', onContextRestored);\n if (gl && !gl.isContextLost()) {\n if (buffer) gl.deleteBuffer(buffer);\n if (program) gl.deleteProgram(program);\n const loseContext = gl.getExtension('WEBGL_lose_context');\n if (loseContext) loseContext.loseContext();\n }\n }\n };\n\n }\n\n function scan() {\n instances.forEach((instance, root) => {\n if (!root.isConnected || root.querySelector('.beept-orb-mini__canvas') !== instance.canvas) {\n instance.destroy();\n instances.delete(root);\n }\n });\n\n document.querySelectorAll('.beept-orb-mini').forEach((root) => {\n if (instances.has(root)) return;\n const canvas = root.querySelector('.beept-orb-mini__canvas');\n if (!canvas) return;\n try {\n instances.set(root, createOrb(root, canvas));\n } catch (error) {\n delete root.dataset.renderer;\n console.warn('A BeePT k\u00f6r ind\u00edt\u00e1sa nem siker\u00fclt.', error);\n }\n });\n }\n\n function queueScan() {\n if (scanQueued) return;\n scanQueued = true;\n queueMicrotask(() => {\n scanQueued = false;\n scan();\n });\n }\n\n window[RUNTIME_KEY] = { scan };\n scan();\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', scan, { once: true });\n }\n\n \/\/ Kezeli a szerkeszt\u0151ben hozz\u00e1adott, duplik\u00e1lt \u00e9s \u00fajrarajzolt HTML-blokkokat is.\n if ('MutationObserver' in window) {\n const observer = new MutationObserver(queueScan);\n observer.observe(document.documentElement, { childList: true, subtree: true });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d1f685 elementor-widget elementor-widget-heading\" data-id=\"4d1f685\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">A megfelel\u0151 ember a megfelel\u0151 inform\u00e1ci\u00f3hoz f\u00e9r hozz\u00e1\u200b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-965a683 elementor-widget elementor-widget-text-editor\" data-id=\"965a683\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A hozz\u00e1f\u00e9r\u00e9sek szerepk\u00f6r\u00f6nk\u00e9nt szab\u00e1lyozhat\u00f3k\u200b<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e61f5d blur-reset-section e-flex e-con-boxed e-con e-parent\" data-id=\"3e61f5d\" data-element_type=\"container\" data-e-type=\"container\" id=\"blur-reset-section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d7fbc7 elementor-widget elementor-widget-heading\" data-id=\"3d7fbc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A c\u00e9ges tud\u00e1sotok a ti\u00e9tek marad<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e7dd6d elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"8e7dd6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" dir=\"auto\" data-start=\"787\" data-end=\"936\">Minden szervezet saj\u00e1t, elk\u00fcl\u00f6n\u00edtett tud\u00e1sb\u00e1zist \u00e9s saj\u00e1t AI k\u00f6rnyezetet kap. Ti d\u00f6ntitek el, milyen inform\u00e1ci\u00f3 ker\u00fcl bele, \u00e9s ki mihez f\u00e9rhet hozz\u00e1. A partnerek modelljeit \u00e9s tud\u00e1sb\u00e1zisait teljesen elk\u00fcl\u00f6n\u00edtve kezelj\u00fck. <br \/><strong data-start=\"1009\" data-end=\"1061\">A k\u00fcl\u00f6nb\u00f6z\u0151 c\u00e9gek adatai k\u00f6z\u00f6tt nincs kapcsolat.<\/strong><\/p><p dir=\"auto\" data-start=\"1063\" data-end=\"1295\">A v\u00e1laszokat nem hagyjuk magukra. Teszt \u00fcgyn\u00f6keink folyamatosan ellen\u0151rzik, hogy a BeePT a megfelel\u0151 tud\u00e1sb\u00f3l, megfelel\u0151 v\u00e1laszt adja. \u00cdgy nem csak egy AI asszisztenst kaptok, hanem kontrollt is afelett, hogy mit mond a koll\u00e9g\u00e1knak.<br \/><strong>Nem el\u00e9g, hogy v\u00e1laszol. Azt is tudnod kell, hogy j\u00f3l v\u00e1laszol.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b8f148 e-flex e-con-boxed e-con e-parent\" data-id=\"8b8f148\" data-element_type=\"container\" data-e-type=\"container\" id=\"demo\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-81a0d98 e-con-full e-flex e-con e-child\" data-id=\"81a0d98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-74e8271 e-con-full e-flex e-con e-child\" data-id=\"74e8271\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88cbb15 elementor-widget elementor-widget-heading\" data-id=\"88cbb15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">N\u00e9zz\u00fck meg, mire tudna v\u00e1laszolni n\u00e1latok a BeePT.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43f65be elementor-widget elementor-widget-text-editor\" data-id=\"43f65be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p dir=\"auto\" data-start=\"5548\" data-end=\"5642\">Mondj\u00e1tok el r\u00f6viden, milyen tud\u00e1sb\u00f3l dolgozna, mi pedig megmutatjuk, hogyan n\u00e9zne ki n\u00e1latok.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b573ef e-con-full e-flex e-con e-child\" data-id=\"3b573ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96b15cb elementor-button-align-start form elementor-widget elementor-widget-form\" data-id=\"96b15cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"K\\u00f6vetkez\\u0151","step_previous_label":"El\\u0151z\\u0151","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"callback\" aria-label=\"callback\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"9706\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"96b15cb\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"BeePT - Beeward\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"9706\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_b87d074 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_b87d074\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tN\u00e9v\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_b87d074]\" id=\"form-field-field_b87d074\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Zoli\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tC\u00e9gn\u00e9v\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Plan Bee Kft.\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"zoli@planbee.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_6f73360 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_6f73360\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTelefonsz\u00e1m\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_6f73360]\" id=\"form-field-field_6f73360\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"+36 30 19 83 511\" pattern=\"[0-9()#&+*-=.]+\" title=\"Csak a sz\u00e1mok \u00e9s a telefonkarakterek (#, -, * stb.) fogadhat\u00f3k el.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_b4176b5 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[field_b4176b5]\" id=\"form-field-field_b4176b5\" class=\"elementor-field elementor-size-sm elementor-acceptance-field\" required=\"required\">\n\t\t\t\t<label for=\"form-field-field_b4176b5\">Elfogadom az <a href=\"https:\/\/beeward.buzz\/adatvedelmi-nyilatkozat\" style=\"color:#000; text-decoration:underline;\">adatv\u00e9delmi nyilatkozatot<\/a><\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">MEGN\u00c9ZEM A SAJ\u00c1T C\u00c9GEMRE<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6fac4e e-con-full e-flex e-con e-parent\" data-id=\"e6fac4e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-925e9cc e-flex e-con-boxed e-con e-child\" data-id=\"925e9cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3499830 e-con-full e-flex e-con e-child\" data-id=\"3499830\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a7c588 elementor-widget elementor-widget-heading\" data-id=\"4a7c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A j\u00f3 m\u0171k\u00f6d\u00e9shez nem csak v\u00e1laszok kellenek<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca99228 e-con-full e-flex e-con e-child\" data-id=\"ca99228\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4f97ea bw_text elementor-widget elementor-widget-text-editor\" data-id=\"a4f97ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"148\" data-end=\"322\"><strong>A BeePT a Beeward r\u00e9sze<\/strong><\/p><p>A Beeward seg\u00edt l\u00e1that\u00f3v\u00e1 tenni az emberek hozz\u00e1j\u00e1rul\u00e1s\u00e1t, a BeePT pedig k\u00f6nnyebben el\u00e9rhet\u0151v\u00e9 teszi a c\u00e9ges tud\u00e1st.<\/p><p data-start=\"324\" data-end=\"477\"><a href=\"https:\/\/beeward.buzz\/\" target=\"_blank\" rel=\"noopener\">B\u0151vebben a Beeward-r\u00f3l<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76b1a26 e-flex e-con-boxed e-con e-parent\" data-id=\"76b1a26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f1995 elementor-widget elementor-widget-html\" data-id=\"44f1995\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.beept-sticky-visual {\n transition: filter 0.25s linear !important;\n will-change: filter;\n}\n\n\n.beept-float {\n animation: beeFloat 6s ease-in-out infinite;\n}\n\n@keyframes beeFloat {\n 0% {\n transform: translateY(0px);\n }\n\n 30% {\n transform: translateY(-10px);\n }\n\n 100% {\n transform: translateY(0px);\n }\n}\n\n<\/style>\n\n<script>\nwindow.addEventListener(\"scroll\", function () {\n const target = document.querySelector(\".beept-sticky-visual\");\n const resetSection = document.querySelector(\".blur-reset-section\");\n\n if (!target) return;\n\n const scrollY = window.scrollY || window.pageYOffset;\n\n \/* BLUR FEL\u00c9P\u00dcL\u00c9S *\/\n const maxScroll = 320;\n let progress = Math.min(scrollY \/ maxScroll, 1);\n let blur = progress * 12;\n\n \/* UNBLUR SECTION *\/\n if (resetSection) {\n const rect = resetSection.getBoundingClientRect();\n\n const start = window.innerHeight * 1.2;\n const end = window.innerHeight * 0.55;\n const minBlur = 0.5;\n\n let unblurProgress = (start - rect.top) \/ (start - end);\n unblurProgress = Math.min(Math.max(unblurProgress, 0), 1);\n\n blur = (blur * (1 - unblurProgress)) + (minBlur * unblurProgress);\n }\n\n target.style.setProperty(\"filter\", \"blur(\" + blur + \"px)\", \"important\");\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Organikus k\u00f6ranim\u00e1ci\u00f3 BeePT A c\u00e9ged saj\u00e1t AI asszisztense Bels\u0151 tud\u00e1sb\u00f3l, gyors v\u00e1laszok A BeePT a saj\u00e1t c\u00e9ges tud\u00e1sb\u00f3l v\u00e1laszol, hogy ne kelljen minden k\u00e9rd\u00e9ssel ugyanazokat az embereket keresni. hogyan m\u0171k\u00f6dik? hogyan m\u0171k\u00f6dik? Bemutat\u00f3t k\u00e9rek Vend\u00e9gl\u00e1t\u00e1s \u00dcgyn\u00f6ks\u00e9gek K\u00f6nyvel\u0151k Tervez\u0151k Vend\u00e9gl\u00e1t\u00e1s\u00dcgyn\u00f6ks\u00e9gekK\u00f6nyvel\u0151kTervez\u0151k BeePT Szia! Miben seg\u00edthetek ma? Az \u00f6sszes p\u00e9ldak\u00e9rd\u00e9st kipr\u00f3b\u00e1ltad. A BeePT v\u00e1laszai t\u00e9vedhetnek, a fontos d\u00f6nt\u00e9seket […]<\/p>\n","protected":false},"author":3,"featured_media":11127,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9706","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>BeePT - Beeward<\/title>\n<meta name=\"description\" content=\"A BeePT egy AI c\u00e9ges tud\u00e1sb\u00e1zis, amely rendszerezi a c\u00e9ges inform\u00e1ci\u00f3kat, t\u00e1mogatja az onboardingot \u00e9s gyorsan v\u00e1laszt ad.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/beeward.buzz\/en\/beept\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BeePT - Beeward\" \/>\n<meta property=\"og:description\" content=\"A BeePT egy AI c\u00e9ges tud\u00e1sb\u00e1zis, amely rendszerezi a c\u00e9ges inform\u00e1ci\u00f3kat, t\u00e1mogatja az onboardingot \u00e9s gyorsan v\u00e1laszt ad.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/beeward.buzz\/en\/beept\/\" \/>\n<meta property=\"og:site_name\" content=\"Beeward\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/beeward.buzz\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-29T08:24:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/beeward.buzz\/wp-content\/uploads\/2026\/05\/beept_prezibe.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/\",\"url\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/\",\"name\":\"BeePT - Beeward\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/beeward.buzz\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/beeward.buzz\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/beept-ai-a-ceges-tudas-mogott.png\",\"datePublished\":\"2026-05-07T21:34:43+00:00\",\"dateModified\":\"2026-09-29T08:24:50+00:00\",\"description\":\"A BeePT egy AI c\u00e9ges tud\u00e1sb\u00e1zis, amely rendszerezi a c\u00e9ges inform\u00e1ci\u00f3kat, t\u00e1mogatja az onboardingot \u00e9s gyorsan v\u00e1laszt ad.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/beeward.buzz\\\/beept\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/#primaryimage\",\"url\":\"https:\\\/\\\/beeward.buzz\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/beept-ai-a-ceges-tudas-mogott.png\",\"contentUrl\":\"https:\\\/\\\/beeward.buzz\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/beept-ai-a-ceges-tudas-mogott.png\",\"width\":1616,\"height\":1216},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/beeward.buzz\\\/beept\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Kezd\u0151lap\",\"item\":\"https:\\\/\\\/beeward.buzz\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BeePT\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/beeward.buzz\\\/#website\",\"url\":\"https:\\\/\\\/beeward.buzz\\\/\",\"name\":\"Beeward\",\"description\":\"Jobb munkahelyi kapcsolatokat \u00e9p\u00edt\u00fcnk, elismer\u00e9s, motiv\u00e1ci\u00f3, jutalmaz\u00e1s\",\"publisher\":{\"@id\":\"https:\\\/\\\/beeward.buzz\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/beeward.buzz\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/beeward.buzz\\\/#organization\",\"name\":\"Beeward\",\"url\":\"https:\\\/\\\/beeward.buzz\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/beeward.buzz\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/beeward.buzz\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/beeward_logo_black.svg\",\"contentUrl\":\"https:\\\/\\\/beeward.buzz\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/beeward_logo_black.svg\",\"width\":130,\"height\":45,\"caption\":\"Beeward\"},\"image\":{\"@id\":\"https:\\\/\\\/beeward.buzz\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/beeward.buzz\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/beeward\\\/\",\"https:\\\/\\\/www.instagram.com\\\/beeward.buzz\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@beeward.buzz\"]}]}<\/script>\n","yoast_head_json":{"title":"BeePT - Beeward","description":"BeePT is an AI-powered corporate knowledge base that organizes company information, supports onboarding, and provides quick answers.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/beeward.buzz\/en\/beept\/","og_locale":"en_US","og_type":"article","og_title":"BeePT - Beeward","og_description":"A BeePT egy AI c\u00e9ges tud\u00e1sb\u00e1zis, amely rendszerezi a c\u00e9ges inform\u00e1ci\u00f3kat, t\u00e1mogatja az onboardingot \u00e9s gyorsan v\u00e1laszt ad.","og_url":"https:\/\/beeward.buzz\/en\/beept\/","og_site_name":"Beeward","article_publisher":"https:\/\/www.facebook.com\/beeward.buzz","article_modified_time":"2026-09-29T08:24:50+00:00","og_image":[{"url":"https:\/\/beeward.buzz\/wp-content\/uploads\/2026\/05\/beept_prezibe.gif","width":800,"height":628,"type":"image\/gif"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/beeward.buzz\/beept\/","url":"https:\/\/beeward.buzz\/beept\/","name":"BeePT - Beeward","isPartOf":{"@id":"https:\/\/beeward.buzz\/#website"},"primaryImageOfPage":{"@id":"https:\/\/beeward.buzz\/beept\/#primaryimage"},"image":{"@id":"https:\/\/beeward.buzz\/beept\/#primaryimage"},"thumbnailUrl":"https:\/\/beeward.buzz\/wp-content\/uploads\/2026\/05\/beept-ai-a-ceges-tudas-mogott.png","datePublished":"2026-05-07T21:34:43+00:00","dateModified":"2026-09-29T08:24:50+00:00","description":"BeePT is an AI-powered corporate knowledge base that organizes company information, supports onboarding, and provides quick answers.","breadcrumb":{"@id":"https:\/\/beeward.buzz\/beept\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/beeward.buzz\/beept\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/beeward.buzz\/beept\/#primaryimage","url":"https:\/\/beeward.buzz\/wp-content\/uploads\/2026\/05\/beept-ai-a-ceges-tudas-mogott.png","contentUrl":"https:\/\/beeward.buzz\/wp-content\/uploads\/2026\/05\/beept-ai-a-ceges-tudas-mogott.png","width":1616,"height":1216},{"@type":"BreadcrumbList","@id":"https:\/\/beeward.buzz\/beept\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Kezd\u0151lap","item":"https:\/\/beeward.buzz\/"},{"@type":"ListItem","position":2,"name":"BeePT"}]},{"@type":"WebSite","@id":"https:\/\/beeward.buzz\/#website","url":"https:\/\/beeward.buzz\/","name":"Beeward","description":"Building better workplace relationships, recognition, motivation, rewards","publisher":{"@id":"https:\/\/beeward.buzz\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/beeward.buzz\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/beeward.buzz\/#organization","name":"Beeward","url":"https:\/\/beeward.buzz\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/beeward.buzz\/#\/schema\/logo\/image\/","url":"https:\/\/beeward.buzz\/wp-content\/uploads\/2024\/08\/beeward_logo_black.svg","contentUrl":"https:\/\/beeward.buzz\/wp-content\/uploads\/2024\/08\/beeward_logo_black.svg","width":130,"height":45,"caption":"Beeward"},"image":{"@id":"https:\/\/beeward.buzz\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/beeward.buzz","https:\/\/www.linkedin.com\/company\/beeward\/","https:\/\/www.instagram.com\/beeward.buzz\/","https:\/\/www.tiktok.com\/@beeward.buzz"]}]}},"_links":{"self":[{"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/pages\/9706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/comments?post=9706"}],"version-history":[{"count":1783,"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/pages\/9706\/revisions"}],"predecessor-version":[{"id":13198,"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/pages\/9706\/revisions\/13198"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/media\/11127"}],"wp:attachment":[{"href":"https:\/\/beeward.buzz\/en\/wp-json\/wp\/v2\/media?parent=9706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}