:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;--second-background: #2c2c2c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;overflow-x:hidden;overscroll-behavior:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;max-width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:10px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff;--second-background: #e0e0e0}a:hover{color:#747bff}}#root{max-width:1280px;margin:0 auto;text-align:center}.container{display:grid;place-items:center;padding-top:50px;bottom:auto;height:auto}@media(min-width:768px){.container{max-width:700px}}@media(min-width:1024){.container{max-width:1024}}.header{padding:2vh 7vw;position:fixed;width:100%;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.logo{justify-self:start;width:32px;height:32px}.icon{justify-self:end;min-width:25px;min-height:25px}.slideCard{width:100vw;display:grid;grid-auto-flow:column;grid-auto-columns:85%;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:contain}.slideCard::-webkit-scrollbar{display:none}.card{width:80vw;height:60vh;border-radius:8%}.produkA,.produkB,.produkC{background-color:var(--second-background)}.footer{position:fixed;bottom:0;padding:50px}.buttonWA{color:#f0f8ff;display:grid;max-width:150px;gap:10px;place-items:center;grid-auto-flow:column;background-color:green}