@font-face{font-family:Haskoy;src:url('./assets/Haskoy-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#183f62;--muted:#406684;--rule:#5284ac33}
*{box-sizing:border-box}body{margin:0;min-height:100svh;font-family:Haskoy,Arial,sans-serif;color:var(--ink);background:#d8edff;isolation:isolate;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:2px solid #955600;outline-offset:5px}.sky{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(180deg,#93c6f3 0%,#bddffe 50%,#e9f5ff 100%);pointer-events:none}.pixel-sun{position:absolute;width:80px;height:80px;top:12%;left:calc(50% + 303px)}.cloud{position:absolute;width:240px;height:96px;image-rendering:pixelated}.cloud-a{top:19%;right:calc(50% + 225px)}.cloud-b{top:43%;left:calc(50% + 285px);width:300px;height:120px}.cloud-c{bottom:9%;right:calc(50% + 305px);width:330px;height:132px}.cloud-d{bottom:-24px;left:calc(50% + 70px);width:390px;height:156px;opacity:.7}
main{width:344px;max-width:calc(100% - 64px);margin:0 auto;padding:70px 0 52px}header{text-align:center;margin-bottom:42px}.logo-tile{width:72px;height:72px;margin:0 auto 22px;background:#fff;display:grid;place-items:center;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px),0 8px,8px 8px)}.logo-tile img{display:block}h1{font-size:30px;font-weight:600;letter-spacing:-.9px;margin:0 0 7px;line-height:1.2}.intro{font-size:16px;margin:0;color:var(--muted)}h2{font-family:'Courier New',monospace;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:400;color:var(--muted);margin:0 0 12px}ul{list-style:none;margin:0;padding:0}li{border-bottom:1px solid var(--rule)}li:first-child{border-top:1px solid var(--rule)}li a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;min-height:47px;text-decoration:none;font-size:15px;font-weight:500;transition:color .15s,background .15s}li a>.product-arrow{font-size:17px;font-weight:400;color:#517c9e;margin-right:2px}li a:hover{color:#845310;background:#ffffff28}li a:hover>.product-arrow{color:#ab6d13}footer{margin-top:33px;font-size:12px;line-height:1.65;color:var(--muted)}footer h2{margin-bottom:11px}footer p{margin:0}address{font-style:normal;margin-top:4px}.kvk{margin-top:7px!important}.contact{display:inline-block;margin-top:13px;text-decoration-thickness:1px;text-underline-offset:4px}.contact span{display:inline-block;margin-left:4px}.contact:hover{color:#845310}
@media(min-height:900px) and (min-width:700px){main{padding-top:100px}}
@media(max-width:700px){main{width:320px;max-width:calc(100% - 56px);padding-top:42px;padding-bottom:36px}header{margin-bottom:31px}.logo-tile{width:62px;height:62px;margin-bottom:18px}.logo-tile img{width:45px;height:45px}h1{font-size:27px}.intro{font-size:15px}li a{font-size:14px;min-height:45px;padding:11px 0}footer{margin-top:27px;font-size:11px}.cloud-a{right:auto;left:-142px;top:110px;width:192px;height:77px}.cloud-b{left:auto;right:-180px;top:355px;width:220px;height:88px}.cloud-c{right:auto;left:-152px;bottom:24px;width:224px;height:90px}.cloud-d{left:auto;right:-100px;bottom:-18px;width:260px;height:104px;opacity:.45}.pixel-sun{width:48px;height:48px;left:auto;right:20px;top:57px}h2{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.product-logo{width:28px;height:28px;object-fit:contain;flex:none;margin-right:12px}.product-name{flex:1}.products li a{padding-block:9px;min-height:47px}