:root{--colors-gray-1:#f2f2f7;--colors-gray-2:#dedee4;--colors-gray-3:#cbcbd1;--colors-gray-4:#b7b7be;--colors-gray-10:#555560;--colors-gray-11:#2d2d3a;--colors-gray-13:#060614;--colors-gray-1a:#0606140d;--colors-gray-2a:#06061421;--colors-gray-3a:#06061436;--colors-gray-5a:#0606145e;--colors-gray-7a:#06061487;--colors-gray-9a:#060614ad;--colors-base-white:#fff;--colors-base-transparent:#ffffff00;--colors-white-9a:#ffffffa1;--colors-purple-8:#924fe8;--colors-purple-7:#a265eb;--colors-purple-2:#ecdffb;--colors-blue-4:#b4c7f8;--colors-green-4:#9af4c3;--colors-red-2:#fce5e4;--colors-orange-2:#fdead8;--border-base-inner-shadow:rgba(6,6,20,.29);--font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}

*,:after,:before{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{background-color:var(--colors-gray-1,#f2f2f7);color:var(--colors-gray-13,#060614);font-family:var(--font-main);font-size:1rem;font-variation-settings:"wght" 400;line-height:1.5;margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.is-gated{overflow:hidden}
h1,h2,h3,p,ul,fieldset{margin:0}
ul{list-style:none;padding:0}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{color:inherit;font:inherit}
button{background:none;border:0;cursor:pointer;padding:0}
[hidden]{display:none!important}

/* layout helpers, named the way the component library names them */
.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.mx-auto{margin-left:auto;margin-right:auto}.ms-auto{margin-inline-start:auto}.w-fit{width:fit-content}.size-6{height:1.5rem;width:1.5rem}.text-center{text-align:center}.overflow-hidden{overflow:hidden}.pb-0{padding-bottom:0}.whitespace-pre-wrap{white-space:pre-wrap}.font-extrabold{font-variation-settings:"wght" 800;font-weight:800}.font-black{font-variation-settings:"wght" 900;font-weight:900}.font-light{font-variation-settings:"wght" 300;font-weight:300}.line-through{text-decoration:line-through}.hover\:underline:hover{text-decoration:underline}
.gap-gap6{gap:.375rem}.gap-gap10{gap:.625rem}.gap-10{gap:1.25rem 2.5rem}.px-gap4{padding-left:.25rem;padding-right:.25rem}.pt-22{padding-top:5.5rem}.pt-gap16{padding-top:1rem}.pt-gap64{padding-top:4rem}.py-gap32{padding-bottom:2rem;padding-top:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.mb-gap12{margin-bottom:.75rem!important}.my-\[60px\]{margin-bottom:60px;margin-top:60px}.mb-\[60px\]{margin-bottom:60px}.mb-57{margin-bottom:57px}.max-w-90{max-width:22.5rem;width:100%}.h-15{min-height:3.75rem}.\!pb-\[124px\]{padding-bottom:124px!important}
.space-y-gap10>:not([hidden])~:not([hidden]){margin-top:.625rem}.space-y-gap32>:not([hidden])~:not([hidden]){margin-top:2rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hidden{display:none}

.landing-text.large{font-size:2.5rem;letter-spacing:-.075rem;line-height:2.75rem}
.landing-text.base{font-size:1rem;letter-spacing:-.0125rem;line-height:1.375rem}
.text-fg-base-secondary{color:var(--colors-gray-9a,#060614ad)}
.text-body-m{font-size:1rem;line-height:1.5rem}

.ui-text.body-l{font-size:1.25rem;letter-spacing:-.0125rem;line-height:1.75rem}.ui-text.body-m{font-size:1.125rem;letter-spacing:-.0125rem;line-height:1.5rem}.ui-text.body-s{font-size:1rem;letter-spacing:-.0125rem;line-height:1.25rem}.ui-text.caption-l{font-size:.875rem;letter-spacing:-.00625rem;line-height:1.125rem}.ui-text.regular{font-variation-settings:"wght" 400;font-weight:400}.ui-text.medium{font-variation-settings:"wght" 500;font-weight:500}.ui-text.semi-bold{font-variation-settings:"wght" 600;font-weight:600}

.ui-button{--bg: ;--fg: ;--hover-bg: ;--disabled-bg: ;--disabled-fg: ;align-items:center;display:inline-flex;justify-content:center;position:relative;transition-duration:.15s;transition-property:color,background-color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.ui-button .ui-button-content{align-items:center;display:flex;justify-content:center}
.ui-button.ui-button-size-s{border-radius:10px;min-height:2rem;padding:.375rem .625rem}
.ui-button.ui-button-size-md{border-radius:12px;min-height:2.5rem;padding:.625rem .75rem}
.ui-button.ui-button-size-lg{border-radius:16px;min-height:3rem;padding:.75rem 1rem}
.ui-button.onlyIcon{justify-content:center;padding:.5rem;width:2.5rem}
.ui-button.ui-button-theme-default{--disabled-fg:var(--colors-gray-5a,#0606145e)}
.ui-button.ui-button-theme-default.ui-button-color-primary{--bg:var(--colors-gray-13,#060614);--fg:var(--colors-base-white,#fff);--hover-bg:var(--colors-gray-11,#2d2d3a);--disabled-bg:var(--colors-gray-2,#dedee4)}
.ui-button.ui-button-theme-default.ui-button-color-primary:hover:not(:disabled){box-shadow:0 -3px 0 0 var(--border-base-inner-shadow,rgba(6,6,20,.29)) inset}
.ui-button.ui-button-theme-default.ui-button-color-secondary{--bg:var(--colors-base-white,#fff);--fg:var(--colors-gray-13,#060614);--hover-bg:var(--colors-gray-1,#f2f2f7);--disabled-bg:var(--colors-base-white,#fff);box-shadow:0 0 0 1px var(--colors-gray-3,#cbcbd1) inset,0 2px 2px #0606140d}
.ui-button.ui-button-theme-default.ui-button-color-tertiary{--bg:var(--colors-gray-2a,#06061421);--fg:var(--colors-gray-13,#060614);--hover-bg:var(--colors-gray-3a,#06061436);--disabled-bg:var(--colors-gray-2a,#06061421)}
.ui-button.ui-button-theme-default.ui-button-color-ghost{--bg:var(--colors-base-transparent,#ffffff00);--fg:var(--colors-gray-9a,#060614ad);--hover-bg:var(--colors-gray-1a,#0606140d);--disabled-bg:var(--colors-base-transparent,#ffffff00)}
.ui-button{background-color:var(--bg);color:var(--fg)}
.ui-button:hover{background-color:var(--hover-bg)}
.ui-button:disabled{background-color:var(--disabled-bg);color:var(--disabled-fg);cursor:wait}

.ui-block{border-radius:12px;padding:.75rem}.ui-block.white{background-color:var(--colors-base-white,#fff)}.ui-block.blue{background-color:var(--colors-blue-4,#b4c7f8)}.ui-block.green{background-color:var(--colors-green-4,#9af4c3)}.ui-block.yellow{background-color:var(--colors-orange-2,#fdead8)}.ui-block.purple{background-color:var(--colors-purple-2,#ecdffb)}.ui-block.gray{background-color:var(--colors-gray-1,#f2f2f7)}.ui-block.red{background-color:var(--colors-red-2,#fce5e4)}

/* header */
.header{background-color:var(--colors-gray-1,#f2f2f7);width:100%;--tw-backdrop-blur:blur(64px);-webkit-backdrop-filter:var(--tw-backdrop-blur);backdrop-filter:var(--tw-backdrop-blur)}
.header.sticky{background-color:transparent;left:0;position:fixed;right:0;top:0;z-index:2000;transition:background-color .2s}
.header.sticky.is-scrolled{background-color:#f2f2f7e6;box-shadow:0 1px 0 #0606140d}
.header-container{align-items:center;display:flex;height:3.75rem;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1120px;padding-left:.625rem;padding-right:.625rem}
.logo-box{align-items:center;display:flex;height:2.5rem;width:108px}
.logo-box img{height:auto;max-height:100%;width:100%;object-fit:contain;object-position:left center}
.premium-text{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#0075ff,#924fe8)}
.header-link{border-radius:10px;color:var(--colors-gray-9a,#060614ad);font-size:.875rem;letter-spacing:-.00625rem;line-height:1.125rem;padding:.375rem .625rem;text-wrap:nowrap;transition:background-color .15s}
.header-link:hover{background-color:var(--colors-gray-1a,#0606140d)}
.header-link.premium:hover{background-image:linear-gradient(90deg,#3368f040,#873de640)}

.burger-dropdown{background-color:var(--colors-base-white,#fff);border-radius:28px;box-shadow:0 10px 20px #0000000d;display:flex;flex-direction:column;margin:0 .625rem;min-width:200px;padding:1rem;position:absolute;right:0;left:0;top:3.75rem}
.burger-link{border-radius:12px;font-size:1rem;padding:.75rem;width:100%}
.burger-link:hover{background-color:var(--colors-gray-1,#f2f2f7)}
.burger-lines{display:flex;flex-direction:column;gap:5px;width:18px}
.burger-lines span{background:var(--colors-gray-13,#060614);border-radius:2px;display:block;height:2px;transition:transform .2s}
.burger-btn[aria-expanded=true] .burger-lines span:first-child{transform:translateY(3.5px) rotate(45deg)}
.burger-btn[aria-expanded=true] .burger-lines span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* gate */
.modal{inset:0;position:fixed;z-index:5000}
.modal .modal-content-wrapper{display:flex;height:100%;width:100%}
.with-backdrop:is(.modal .modal-content-wrapper){background-color:var(--colors-gray-7a,#06061487);padding:.25rem}
.modal .modal-content{margin:auto auto .5rem;max-width:520px;outline:none;width:100%}
.modal-panel{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 1rem);overflow-y:auto;padding:1.25rem}
.gate-head{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}
.gate-icon{flex-shrink:0;height:3.5rem;width:3.5rem}
.gate-copy{display:flex;flex-direction:column;gap:.375rem}
.gate-copy a{color:var(--colors-gray-13,#060614);text-decoration:underline;text-underline-offset:3px}
.gate-prefs{border-top:1px solid var(--colors-gray-2,#dedee4)}
.gate-row{align-items:center;border-bottom:1px solid var(--colors-gray-2,#dedee4);display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0}
.gate-row__name{display:block;font-size:.9375rem;font-variation-settings:"wght" 600;font-weight:600}
.gate-row__desc{color:var(--colors-gray-9a,#060614ad);display:block;font-size:.8125rem;line-height:1.125rem}
.gate-row__state{color:#1a8f55;flex-shrink:0;font-size:.8125rem;font-variation-settings:"wght" 500;font-weight:500}
.gate-row__state.-off{color:var(--colors-gray-5a,#0606145e)}
.gate-switch{-webkit-appearance:none;appearance:none;background:var(--colors-gray-3,#cbcbd1);border-radius:999px;cursor:pointer;flex-shrink:0;height:1.5rem;margin:0;position:relative;transition:background .2s;width:2.75rem}
.gate-switch:before{background:#fff;border-radius:50%;content:"";height:1.125rem;left:3px;position:absolute;top:3px;transition:transform .2s;width:1.125rem}
.gate-switch:checked{background:var(--colors-purple-8,#924fe8)}
.gate-switch:checked:before{transform:translateX(1.25rem)}
.gate-switch:focus-visible{outline:2px solid var(--colors-gray-13,#060614);outline-offset:2px}
.gate-actions{display:flex;flex-direction:column;gap:.5rem}

/* footer */
.site-footer{border-top:1px solid var(--colors-gray-2,#dedee4)}
.footer-logo{margin:0 auto 1.75rem;width:120px}
.footer-links{margin:0 auto;max-width:1120px}
.footer-links a{color:var(--colors-gray-13,#060614)}
.footer-contact{color:var(--colors-gray-9a,#060614ad);font-size:.875rem;line-height:1.5rem;margin:2rem auto 0;max-width:760px;text-align:center}
.footer-contact a,.footer-cookie{color:var(--colors-gray-13,#060614);text-decoration:underline;text-underline-offset:3px}
.footer-contact .dot{margin:0 .25rem}
.footer-imprint{background:var(--colors-base-white,#fff);border-radius:20px;display:grid;gap:0;margin:1.25rem auto 1rem;max-width:760px;padding:.5rem 1rem;text-align:left}
.footer-imprint div{border-top:1px solid var(--colors-gray-2,#dedee4);display:flex;font-size:.8125rem;gap:1rem;justify-content:space-between;line-height:1.25rem;padding:.5rem 0}
.footer-imprint div:first-child{border-top:0}
.footer-imprint dt{color:var(--colors-gray-9a,#060614ad);flex-shrink:0}
.footer-imprint dd{color:var(--colors-gray-13,#060614);font-variation-settings:"wght" 500;font-weight:500;margin:0;text-align:right}
.footer-legal{font-size:.8125rem;line-height:1.25rem;margin-top:.75rem}
.footer-copy{font-size:.8125rem;margin-top:.5rem}

@media(min-width:680px){
.header-container{height:5.5rem;padding-left:1.25rem;padding-right:1.25rem}
.burger-dropdown{left:auto;margin:0 1.25rem;top:5rem;width:260px}
.landing-text.large{font-size:3.5rem;letter-spacing:-.1rem;line-height:3.875rem}
.landing-text.base{font-size:1.125rem;line-height:1.5rem}
.logo-box{width:131px;height:3rem}
.modal .modal-content{margin:auto}
.gate-head{align-items:flex-start;flex-direction:row-reverse;text-align:left}
.modal-panel{gap:1.5rem;padding:1.5rem}
}

@media(min-width:960px){
.footer-imprint{column-gap:2rem;grid-template-columns:repeat(3,1fr);padding:.75rem 1.5rem}
.footer-imprint div:nth-child(-n+3){border-top:0}
.header-container{align-items:center;display:grid;grid-template-columns:auto 1fr auto}
.md\:flex{display:flex}
.md\:grid-cols-\[repeat\(4\,max-content\)\]{grid-template-columns:repeat(4,max-content)}
.ui-block{border-radius:24px;padding:1.5rem}
.footer-links{gap:1rem 2.5rem}
}

@media(min-width:1200px){
.header-container{grid-template-columns:repeat(3,1fr)}
.md\:grid-cols-\[repeat\(4\,max-content\)\]{grid-template-columns:repeat(8,max-content)}
.landing-text.large{font-size:4.5rem;letter-spacing:-.1375rem;line-height:5rem}
}