:root{color-scheme:dark;background:#03070c;--cyan: #8ceaff;--hero-image: none}@property --shopalarm-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#03070c}.hero{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;min-height:0;overflow:hidden;isolation:isolate;background:#03070c}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background-image:linear-gradient(90deg,#02060b29,#02060b0a 50%,#02060b33),var(--hero-image),radial-gradient(circle at 50% 47%,#102334,#07111b 38%,#03070c 78%);background-position:center bottom;background-repeat:no-repeat;background-size:cover}.fallback-particles{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-position:center bottom;background-repeat:no-repeat;background-size:cover}.fallback-particles-back{z-index:-1}.fallback-particles-front{z-index:1}.no-webgl .fallback-particles{display:block}.no-webgl .fallback-particles-back{background-image:url(/fallback-particles-back.png)}.no-webgl .fallback-particles-front{background-image:url(/fallback-particles-front.png)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at var(--flow-source-x, 30%) var(--flow-hand-y, 76%),rgba(174,243,255,.13) 0,rgba(73,194,244,.055) 6%,transparent 16%),radial-gradient(circle at var(--flow-target-x, 77%) var(--flow-hand-y, 76%),rgba(181,246,255,.15) 0,rgba(67,196,246,.06) 6%,transparent 17%),radial-gradient(ellipse at 50% 68%,rgba(38,137,196,.08),transparent 35%),radial-gradient(circle at 24% 50%,rgba(55,143,196,.09),transparent 30%),radial-gradient(circle at 70% 48%,rgba(44,162,205,.09),transparent 20%);mix-blend-mode:screen}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 78% 13% at 50% var(--flow-hand-y, 76%),rgba(183,242,255,.075),rgba(55,159,210,.025) 46%,transparent 76%),linear-gradient(102deg,transparent 12%,rgba(76,181,231,.025) 37%,rgba(184,241,255,.045) 49%,transparent 68%),radial-gradient(ellipse 80% 68% at 50% 64%,transparent 36%,rgba(0,6,12,.12) 76%,rgba(0,3,8,.3) 100%),linear-gradient(180deg,rgba(1,8,15,.14),transparent 38%,rgba(1,6,11,.06));box-shadow:inset 0 0 clamp(80px,11vw,190px) #00040a6b;animation:atmosphere-breathe 8s ease-in-out infinite alternate}.hero-person{position:absolute;z-index:0;left:50%;bottom:0;height:min(68svh,880px);width:auto;max-width:98vw;transform:translate(-50%);object-fit:contain;object-position:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none}.person-in-scene .hero-person{opacity:0}.no-webgl .hero-person{opacity:1}.no-webgl .hero,.no-webgl .site-intro,.no-webgl .site-intro:before,.no-webgl .site-intro:after,.no-webgl .source-core,.no-webgl .source-core:before{animation:none}.no-webgl .energy-core{display:none}.site-intro{position:absolute;z-index:6;top:clamp(170px,34vh,330px);left:calc(50% - min(17vw,270px));width:min(230px,20vw);color:#eefbfff5;pointer-events:none;animation:intro-drift 8s ease-in-out infinite alternate}.site-intro:before{content:"";position:absolute;top:14px;left:calc(100% + 12px);width:clamp(28px,3.4vw,58px);height:1px;transform:rotate(-7deg);transform-origin:left center;background:linear-gradient(90deg,#74daf757,#a5eeff14)}.site-intro:after{content:"";position:absolute;top:7px;left:calc(100% + clamp(38px,4.7vw,72px));width:4px;aspect-ratio:1;border-radius:50%;background:#bbf4ffb8;box-shadow:0 0 10px #5dd4faa6;animation:intro-node 4.6s ease-in-out infinite alternate}.site-intro h1{margin:0;font:580 clamp(22px,1.9vw,31px)/1.08 system-ui,sans-serif;letter-spacing:-.035em;text-shadow:0 0 22px rgba(94,211,255,.11)}.site-intro p{max-width:250px;margin:8px 0 0;color:#b8d7e2a3;font:400 clamp(12px,.85vw,14px)/1.48 system-ui,sans-serif;letter-spacing:.005em}.contact-actions{position:absolute;z-index:7;top:clamp(22px,3vw,42px);right:clamp(20px,3.5vw,56px);display:flex;gap:9px}.contact-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border:1px solid rgba(139,225,250,.25);border-radius:999px;background:#071824d1;box-shadow:inset 0 0 20px #57c9f00a,0 0 22px #299ed30d;color:#ddf6fce0;font:500 13px/1 system-ui,sans-serif;letter-spacing:.015em;text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.contact-actions svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;opacity:.82}.contact-actions .linkedin-mark{fill:currentColor;stroke:none;opacity:.94}.contact-actions a:hover,.contact-actions a:focus-visible{color:#f4fdff;border-color:#aef0ffa3;background:#226b8b3b;box-shadow:inset 0 0 22px #67daff14,0 0 24px #3dc2f221;transform:translateY(-1px);outline:none}#scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}.energy-core{position:absolute;z-index:2;left:var(--flow-target-x, 76.5%);top:var(--flow-hand-y, 78%);width:clamp(58px,6.2vw,104px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 5%,rgba(220,251,255,.98) 7%,rgba(117,229,255,.66) 19%,rgba(63,191,239,.18) 42%,transparent 70%);filter:drop-shadow(0 0 18px rgba(210,250,255,.82)) drop-shadow(0 0 44px rgba(68,203,255,.72));pointer-events:none}.energy-core:before,.energy-core:after,.energy-core i{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid rgba(130,231,255,.38);border-radius:50%}.energy-core:after{top:-20%;right:-20%;bottom:-20%;left:-20%;border-color:#82e7ff1c}.energy-core i:nth-child(1){top:27%;right:27%;bottom:27%;left:27%;border-style:dotted}.energy-core i:nth-child(2){top:-48%;right:-48%;bottom:-48%;left:-48%;border-color:#82e7ff12}.energy-core i:nth-child(3){top:-105%;right:-105%;bottom:-105%;left:-105%;border-color:#82e7ff09}.source-core{left:var(--flow-source-x, 30.2%);top:var(--flow-hand-y, 77.5%);width:clamp(62px,6.7vw,114px);background:radial-gradient(circle,#fff 0 7%,rgba(232,254,255,1) 10%,rgba(132,239,255,.82) 24%,rgba(55,190,241,.28) 48%,transparent 74%);filter:drop-shadow(0 0 21px rgba(226,253,255,.96)) drop-shadow(0 0 52px rgba(67,206,255,.8));animation:source-magic 6.8s ease-in-out infinite}.source-core:before{animation:source-ring 6.8s ease-out infinite}.artifacts{position:absolute;z-index:5;left:var(--flow-artifact-x, 80%);top:var(--flow-artifact-y, 74%);width:min(15vw,210px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.artifact{position:absolute;display:block;width:clamp(42px,4.4vw,68px);aspect-ratio:1;border:1px solid rgba(136,233,255,.42);border-radius:14px;background:linear-gradient(145deg,#236989b8,#040c13c7);box-shadow:inset 0 0 24px #58d0ff14,0 0 32px #49c0ec1c}.artifact-main{left:0;top:38%}.app-tile{z-index:2;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;cursor:pointer;pointer-events:auto;isolation:isolate}.app-tile:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;padding:2px;border-radius:15px;background:conic-gradient(from var(--shopalarm-angle),transparent 0 58%,rgba(101,217,255,.16) 66%,rgba(214,252,255,.96) 75%,rgba(87,205,255,.42) 82%,transparent 91%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 7px rgba(101,221,255,.72));animation:shopalarm-snake 3.4s linear infinite}.app-tile:hover,.app-tile:focus-visible,.app-tile.is-open{border-color:#b5f4ffb8;box-shadow:inset 0 0 26px #5fd5ff24,0 0 34px #49caf83d;outline:none}.artifact-brewbro{right:0;top:0;animation-delay:-1.65s}.artifact-rekenen{right:0;bottom:0;animation-delay:-2.45s}.brewbro-mark{position:absolute;top:14%;right:14%;bottom:14%;left:14%;width:72%;height:72%;background:linear-gradient(145deg,#e8fdfffa,#69d8f6c7);-webkit-mask:url(/brewbro-mark.svg) center / contain no-repeat;mask:url(/brewbro-mark.svg) center / contain no-repeat;filter:drop-shadow(0 0 5px rgba(115,225,255,.52))}.rekenen-mark{position:absolute;top:12%;right:12%;bottom:12%;left:12%;width:76%;height:76%;background:linear-gradient(145deg,#ecfefffa,#67d7f6c2);-webkit-mask:url(/rekenlogo.svg) center / contain no-repeat;mask:url(/rekenlogo.svg) center / contain no-repeat;filter:drop-shadow(0 0 6px rgba(115,225,255,.55))}.shopalarm-mark{position:absolute;top:13%;right:13%;bottom:13%;left:13%;width:74%;height:74%;overflow:visible;color:#c4f7fff5;filter:drop-shadow(0 0 5px rgba(115,225,255,.52))}.shopalarm-ray{fill:none;stroke:currentColor;stroke-width:5.2;stroke-linecap:round}.shopalarm-pin{fill:#84e2f91a;stroke:currentColor;stroke-width:3.4;stroke-linejoin:round}.shopalarm-center{fill:#05121d9e;stroke:currentColor;stroke-width:3}.artifact-info{position:absolute;z-index:10;right:calc(100% - clamp(20px,2vw,32px));bottom:58%;width:min(300px,76vw);padding:17px 18px 16px;border:1px solid rgba(132,227,255,.27);border-radius:17px;background:linear-gradient(145deg,#0a1f2deb,#030b12f0);box-shadow:inset 0 0 28px #4dbfeb0f,0 18px 55px #00000061,0 0 32px #44c1ef17;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translate3d(8px,8px,0) scale(.98);transform-origin:right bottom;transition:opacity .2s ease,transform .24s ease,visibility .2s;pointer-events:none;color:#e6f9fff5}.artifact-info.is-open{z-index:30;opacity:1;visibility:visible;transform:translateZ(0) scale(1);pointer-events:auto}#brewbro-info{right:calc(clamp(42px,4.4vw,68px) + 10px);bottom:auto;top:-10%;transform-origin:right top}#rekenen-info{right:calc(clamp(42px,4.4vw,68px) + 10px);bottom:-10%;transform-origin:right bottom}.artifact-info strong{display:block;margin-bottom:7px;font:600 16px/1.2 system-ui,sans-serif;letter-spacing:.01em}.artifact-tagline{display:block;margin:-1px 0 9px;color:#97e1f4b8;font:500 11px/1.35 system-ui,sans-serif;letter-spacing:.015em}.artifact-info p{margin:0 0 14px;color:#c4dee7d1;font:400 13px/1.48 system-ui,sans-serif}.artifact-cta{display:flex;align-items:center;gap:9px}.language-flag{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(139,225,250,.22);border-radius:10px;background:#1f5b771c;box-shadow:inset 0 0 16px #61dbff0a;font-size:17px;line-height:1}.artifact-info a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid rgba(157,236,255,.48);border-radius:10px;background:#4ebce81a;color:#e8fcfffa;font:600 13px/1 system-ui,sans-serif;text-decoration:none;box-shadow:inset 0 0 18px #61dbff0f}.artifact-info a:hover,.artifact-info a:focus-visible{background:#5fd2f92e;border-color:#bef7ffc7;outline:none}.artifact-orbit-one{right:0;top:0;width:clamp(29px,3vw,46px);opacity:.5}.artifact-orbit-two{z-index:1;right:45%;bottom:-10%;width:clamp(24px,2.5vw,39px);opacity:.25}.artifact b,.artifact b:before,.artifact b:after{position:absolute;content:"";top:30%;right:30%;bottom:30%;left:30%;border:1px solid rgba(156,239,255,.68);border-radius:50%}.artifact b:before{top:-55%;right:42%;bottom:-55%;left:42%;border-radius:0;border-width:0 1px;transform:rotate(45deg)}.artifact b:after{top:42%;right:-55%;bottom:42%;left:-55%;border-radius:0;border-width:1px 0;transform:rotate(45deg)}@media(max-width:760px){.no-webgl .fallback-particles-back{background-image:url(/fallback-particles-mobile-back.png)}.no-webgl .fallback-particles-front{background-image:url(/fallback-particles-mobile-front.png)}.hero-person{height:min(50svh,620px);max-width:none}.hero:after{opacity:.78}.site-intro{top:clamp(106px,15svh,150px);bottom:auto;left:50%;width:min(310px,calc(100vw - 40px));transform:translate(-50%);text-align:center;animation:none}.site-intro h1{font-size:clamp(21px,6.6vw,29px)}.site-intro p{max-width:270px;margin-inline:auto;font-size:12px}.site-intro:before,.site-intro:after{display:none}.contact-actions{top:18px;right:auto;left:50%;gap:7px;transform:translate(-50%)}.contact-actions a{min-height:36px;padding:0 12px;font-size:12px}.artifacts{top:0;right:0;bottom:0;left:0;width:auto;aspect-ratio:auto;transform:none}.artifact-main,.artifact-brewbro,.artifact-rekenen{top:clamp(230px,36svh,330px);right:auto;bottom:auto;width:clamp(52px,15vw,62px)}.artifact-main{left:calc(50% - 109px)}.artifact-brewbro{left:calc(50% - 31px)}.artifact-rekenen{left:calc(50% + 47px)}.artifact-info,#brewbro-info,#rekenen-info{position:fixed;top:auto;right:auto;bottom:max(18px,env(safe-area-inset-bottom));left:50%;width:min(360px,calc(100vw - 28px));max-height:min(56svh,520px);overflow-y:auto;overscroll-behavior:contain;transform:translate3d(-50%,calc(100% + 28px),0) scale(.98);transform-origin:center bottom}.artifact-info.is-open,#brewbro-info.is-open,#rekenen-info.is-open{z-index:50;transform:translate3d(-50%,0,0) scale(1)}.artifact-orbit-one,.artifact-orbit-two{display:none}}@media(max-width:760px)and (orientation:landscape){.no-webgl .fallback-particles-back{background-image:url(/fallback-particles-landscape-back.png)}.no-webgl .fallback-particles-front{background-image:url(/fallback-particles-landscape-front.png)}}@keyframes intro-drift{0%{transform:translateZ(0);opacity:.82}to{transform:translate3d(2px,-3px,0);opacity:.96}}@keyframes intro-node{0%{transform:scale(.72);opacity:.38}to{transform:scale(1.18);opacity:.9}}@keyframes source-magic{0%,30%,62%,to{transform:translate(-50%,-50%) scale(1);opacity:.9}41%{transform:translate(-50%,-50%) scale(1.1);opacity:1}49%{transform:translate(-50%,-50%) scale(1.03)}55%{transform:translate(-50%,-50%) scale(1.075)}}@keyframes source-ring{0%,32%,64%,to{transform:scale(.9);opacity:.3}43%{transform:scale(1.38);opacity:.82}57%{transform:scale(1.16);opacity:.56}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hero-background{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}.energy-core{animation:core-breathe 2.8s ease-in-out infinite alternate;will-change:transform,opacity}.energy-core i:nth-child(2){animation:ring-breathe 3.1s ease-out infinite}.artifact-main,.artifact-brewbro{animation:artifact-main-float 3.3s ease-in-out infinite alternate;will-change:transform}.artifact-brewbro{animation-delay:-1.65s}.artifact-orbit-one{animation:artifact-one-float 3.8s ease-in-out .35s infinite alternate;will-change:transform}.artifact-orbit-two{animation:artifact-two-float 4.2s ease-in-out .7s infinite alternate;will-change:transform}.scene-settled .hero:after,.scene-settled .energy-core,.scene-settled .energy-core i,.scene-settled .artifact,.scene-settled .app-tile:before,.scene-settled .site-intro,.scene-settled .site-intro:after,.scene-settled .source-core,.scene-settled .source-core:before{animation-play-state:paused}@keyframes core-breathe{0%{transform:translate(-50%,-50%) scale(.94);opacity:.72}to{transform:translate(-50%,-50%) scale(1.08);opacity:1}}@keyframes ring-breathe{0%{transform:scale(.78);opacity:.18}72%,to{transform:scale(1.3);opacity:0}}@keyframes atmosphere-breathe{0%{opacity:.82}to{opacity:1}}@keyframes shopalarm-snake{to{--shopalarm-angle: 360deg}}@keyframes artifact-main-float{0%{transform:translate3d(0,3px,0) rotate(-.25deg)}to{transform:translate3d(0,-5px,0) rotate(.35deg)}}@keyframes artifact-one-float{0%{transform:translate3d(-2px,-2px,0)}to{transform:translate3d(2px,5px,0)}}@keyframes artifact-two-float{0%{transform:translate3d(2px,3px,0)}to{transform:translate3d(-2px,-3px,0)}}@media(prefers-reduced-motion:reduce){.energy-core,.energy-core i,.artifact,.hero:after{animation:none!important}}.no-webgl .energy-core,.no-webgl .energy-core i,.no-webgl .artifact,.no-webgl .app-tile:before,.no-webgl .hero:after{animation:none;will-change:auto}