html, body { background:#FFFFFF; color-scheme:light; margin:0; padding:0; scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { overflow-x:hidden; }
a { color:#0B0C14; text-decoration:none; }
a:hover { color:#243BE6; }
a:focus-visible, button:focus-visible { outline:2px solid #243BE6; outline-offset:3px; }
html { scroll-behavior:smooth; }
section[id] { scroll-margin-top:84px; }
[data-cookie-bg]{ position:fixed; inset:0; z-index:89; background:rgba(11,12,20,.42); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); opacity:0; transition:opacity .5s cubic-bezier(.2,.7,.3,1); pointer-events:none; }
[data-cookie-bg="in"]{ opacity:1; pointer-events:auto; }
[data-cookie]{ position:fixed; left:50%; bottom:28px; z-index:90; opacity:0; transform:translate(-50%,24px) scale(.98); transition:opacity .5s cubic-bezier(.2,.7,.3,1), transform .5s cubic-bezier(.2,.7,.3,1); pointer-events:none; }
[data-cookie="in"]{ opacity:1; transform:translate(-50%,0); pointer-events:auto; }
@media (max-width:520px){ [data-cookie]{ bottom:12px; } }
@keyframes h2aCrumb{ 0%,55%{ opacity:0; transform:translate(0,0) rotate(0) } 62%{ opacity:1 } 100%{ opacity:0; transform:translate(var(--dx),var(--dy)) rotate(var(--r)) } }
@keyframes h2aBite{ 0%,55%{ transform:translate(0,0) } 60%{ transform:translate(0,-1.5px) } 66%{ transform:translate(0,0) } 100%{ transform:translate(0,0) } }
@keyframes h2aChip{ 0%,58%{ opacity:1 } 64%,100%{ opacity:0 } }
[data-crumb]{ animation:h2aCrumb 4.6s cubic-bezier(.3,.6,.4,1) infinite; transform-origin:center; }
[data-bite]{ animation:h2aBite 4.6s ease-out infinite; }
[data-chipfall]{ animation:h2aChip 4.6s linear infinite; }
@media (prefers-reduced-motion:reduce){ [data-crumb],[data-bite],[data-chipfall]{ animation:none } [data-crumb]{ opacity:0 } }
[data-navlink]{ display:none; }
@media (min-width:900px){ [data-navlink]{ display:inline-block; } }
[data-cta]{ position:relative; overflow:hidden; transition:background .25s, transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s cubic-bezier(.2,.7,.3,1) !important; }
[data-cta]::after{ content:''; position:absolute; inset:0; background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%); transform:translateX(-120%); transition:transform .6s cubic-bezier(.2,.7,.3,1); pointer-events:none; }
[data-cta] [data-arr]{ display:inline-block; transition:transform .3s cubic-bezier(.2,.7,.3,1); }
@media (hover:hover){
[data-cta]:hover::after{ transform:translateX(120%); }
[data-cta]:hover{ transform:translateY(-2px); box-shadow:0 16px 34px -12px rgba(36,59,230,.6) !important; }
[data-cta]:hover [data-arr]{ transform:translateX(5px); }
}
button, a { -webkit-tap-highlight-color:transparent; }
[data-cta]:active{ background:#16217F !important; transform:translateY(0) scale(.98); box-shadow:0 6px 16px -8px rgba(36,59,230,.5) !important; transition-duration:.1s !important; }
[data-cta]:focus-visible{ outline:2px solid #243BE6; outline-offset:3px; }
[data-rv]{ opacity:0; transform:translateY(22px); transition:opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1); }
[data-rv="in"]{ opacity:1; transform:none; }
@keyframes h2a-line { from { transform:translateY(108%) } to { transform:translateY(0) } }
@keyframes h2a-rise { from { opacity:0; transform:translateY(14px) } to { opacity:1; transform:none } }
@keyframes h2a-mark { from { transform:scaleX(0) } to { transform:scaleX(1) } }
@keyframes h2a-win { from { opacity:0; transform:translateY(30px) } to { opacity:1; transform:none } }
@keyframes h2a-blur { from { opacity:0; transform:translateY(18px); filter:blur(8px) } to { opacity:1; transform:none; filter:blur(0) } }
@keyframes h2a-hdr { from { opacity:0; transform:translateY(-14px) } to { opacity:1; transform:none } }
@keyframes spin { to { transform:rotate(360deg) } }
@keyframes caret { 0%,45%{opacity:1} 50%,95%{opacity:0} }
[data-agent]{ transition:opacity .6s cubic-bezier(.2,.7,.3,1); }
[data-agent="fade"]{ opacity:0; }
[data-row]{ display:grid; grid-template-rows:1fr; transition:grid-template-rows .55s cubic-bezier(.2,.7,.3,1), opacity .45s cubic-bezier(.2,.7,.3,1); }
[data-row][data-st="hidden"]{ grid-template-rows:0fr; opacity:0; }
[data-row] > div{ overflow:hidden; }
[data-row] [data-title]{ color:#5E6270; transition:color .4s; }
[data-row][data-st="running"] [data-title], [data-row][data-st="done"] [data-title]{ color:#0B0C14; }
[data-row] [data-res]{ display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .5s cubic-bezier(.2,.7,.3,1), opacity .5s .1s; }
[data-row][data-st="done"] [data-res]{ grid-template-rows:1fr; opacity:1; }
[data-row] [data-res] > div{ overflow:hidden; }
[data-dot]{ position:relative; flex:none; width:18px; height:18px; margin-top:3px; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:background .35s, box-shadow .35s; }
[data-dot]::before{ content:''; position:absolute; width:8px; height:8px; border-radius:50%; background:#243BE6; transition:transform .35s cubic-bezier(.2,.7,.3,1), opacity .3s; }
[data-dot]::after{ content:''; position:absolute; inset:0; border-radius:50%; border:2px solid #C9D0FA; border-top-color:#243BE6; opacity:0; transition:opacity .3s; animation:spin .8s linear infinite; }
[data-dot] svg{ opacity:0; transform:scale(.4); transition:opacity .3s .1s, transform .4s cubic-bezier(.2,.7,.3,1) .1s; }
[data-row][data-st="running"] [data-dot]::before{ transform:scale(0); opacity:0; }
[data-row][data-st="running"] [data-dot]::after{ opacity:1; }
[data-row][data-st="done"] [data-dot]{ background:#1E7A4F; }
[data-row][data-st="done"] [data-dot]::before{ transform:scale(0); opacity:0; }
[data-row][data-st="done"] [data-dot] svg{ opacity:1; transform:none; }
[data-in] [data-caret]{ display:inline-block; width:2px; height:1.05em; background:#243BE6; margin-left:2px; vertical-align:text-bottom; opacity:0; }
[data-in="typing"] [data-caret]{ animation:caret 1s steps(1) infinite; }
[data-in] [data-typed]{ color:#8B8F9C; transition:color .3s; }
[data-in="typing"] [data-typed]{ color:#0B0C14; }
[data-ap]{ transform:translateY(26px) scale(.97); opacity:0; transition:transform .55s cubic-bezier(.2,.7,.3,1), opacity .45s; pointer-events:none; }
[data-ap="in"], [data-ap="pressed"]{ transform:none; opacity:1; }
[data-ap] [data-apbtn]{ transition:background .15s, transform .15s; }
[data-ap="pressed"] [data-apbtn]{ background:#1B2DB0 !important; transform:scale(.96); }
[data-cur]{ position:absolute; left:78%; top:118%; opacity:0; transition:left 1s cubic-bezier(.3,.7,.2,1), top 1s cubic-bezier(.3,.7,.2,1), opacity .3s; pointer-events:none; }
[data-cur="start"]{ opacity:1; }
[data-cur="on"]{ opacity:1; left:74px; top:calc(100% - 28px); }
[data-sum]{ display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .55s cubic-bezier(.2,.7,.3,1), opacity .5s .15s; }
[data-sum="on"]{ grid-template-rows:1fr; opacity:1; }
[data-sum] > div{ overflow:hidden; }
/* bento demos */
@keyframes chipA { 0%,100%{background:#F2F3F8;color:#9A9EAA} 20%,60%{background:#E3E7FB;color:#1B2DB0} }
@keyframes chipB { 0%,100%{background:#F2F3F8;color:#9A9EAA} 30%,70%{background:#E1F0E8;color:#1E7A4F} }
@keyframes chipC { 0%,100%{background:#F2F3F8;color:#9A9EAA} 45%,85%{background:#FBE7DC;color:#B4552A} }
@keyframes plus { 0%,25%{transform:rotate(0)} 30%,100%{transform:rotate(90deg)} }
@keyframes row1 { 0%,100%{opacity:0;transform:translateY(8px)} 8%,80%{opacity:1;transform:none} 88%{opacity:0} }
@keyframes row2 { 0%,100%{opacity:0;transform:translateY(8px)} 22%,80%{opacity:1;transform:none} 88%{opacity:0} }
@keyframes row3 { 0%,100%{opacity:0;transform:translateY(8px)} 36%,80%{opacity:1;transform:none} 88%{opacity:0} }
@keyframes state { 0%,45%{opacity:0;transform:scale(.9)} 50%,80%{opacity:1;transform:none} 88%,100%{opacity:0} }
@keyframes ticker { 0%,100%{transform:translateY(0)} 25%,30%{transform:translateY(0)} 35%,55%{transform:translateY(-56px)} 60%,85%{transform:translateY(-112px)} 90%{transform:translateY(-168px)} }
@keyframes tier { 0%,100%{transform:scaleX(0)} 40%,90%{transform:scaleX(1)} }
[data-fill]{ transform:scaleX(0); transform-origin:left; transition:transform 1.1s cubic-bezier(.2,.7,.3,1); }
[data-rv="in"] [data-fill]{ transform:scaleX(1); }
[data-word]{ color:#D9DCE6; transition:color .5s cubic-bezier(.2,.7,.3,1); }
[data-word="on"]{ color:#0B0C14; }
[data-word="on"] [data-wordnum]{ background:#243BE6; color:#fff; }
@media (min-width:760px){ [data-hero-grid]{ grid-template-columns:1fr 1fr; } [data-hero-grid] > div:last-child{ justify-content:flex-end; } }
[data-bento], [data-steps], [data-bento] > article:nth-child(4){ grid-template-columns:minmax(0,1fr); }
@media (min-width:900px){ [data-bento]{ grid-template-columns:repeat(5,1fr); } [data-bento] > article:nth-child(1){ grid-column:span 3; } [data-bento] > article:nth-child(2){ grid-column:span 2; } [data-bento] > article:nth-child(3){ grid-column:span 2; } [data-bento] > article:nth-child(4){ grid-column:span 3; grid-template-columns:minmax(0,38%) minmax(0,1fr); } [data-bento] > article:nth-child(4) [data-win]{ margin:-14px calc(-1 * clamp(28px,3vw,44px)) calc(-1 * clamp(28px,3vw,44px)) 0; min-height:0; } [data-steps]{ grid-template-columns:1fr 1fr; } }
@keyframes tilehi { 0%,100%{background:#FFFFFF;transform:none} 8%,22%{background:#E3E7FB;transform:translateY(-4px)} 30%{background:#FFFFFF;transform:none} }
@keyframes marq { from{transform:translateX(0)} to{transform:translateX(calc(-50% - 7px))} }
@media (hover:hover){ [data-marq]:hover [data-marqtrack]{ animation-play-state:paused; } }
@keyframes tog { 0%,40%{transform:translateX(0)} 50%,100%{transform:translateX(18px)} }
@keyframes togbg { 0%,40%{background:#E5E7EF} 50%,100%{background:#243BE6} }
@keyframes ticker2 { 0%,25%{transform:translateY(0)} 35%,55%{transform:translateY(-52px)} 60%,85%{transform:translateY(-104px)} 90%,100%{transform:translateY(-156px)} }
@media (hover:hover){ [data-uc]:hover{ background:#F7F8FC !important; } [data-uc]:hover [data-ucarr]{ opacity:1; transform:none; } }
[data-faqq]{ position:relative; }
[data-faqq]::before{ content:''; position:absolute; left:6px; top:50%; width:4px; height:0; border-radius:99px; background:#fff; transform:translateY(-50%); transition:height .35s cubic-bezier(.2,.7,.3,1); }
@media (hover:hover){ [data-faqq]:hover{ background:rgba(255,255,255,.12); transform:translateX(6px); } [data-faqq]:hover::before{ height:55%; } }
[data-faqm]{ display:none; }
[data-faqq][data-on="true"]{ background:rgba(255,255,255,.2); color:#fff; }
[data-faqq][data-on="true"]::before{ height:55%; }
[data-faqans]{ display:none; }
[data-faqans][data-on="true"]{ display:flex; animation:h2a-rise .45s cubic-bezier(.2,.7,.3,1) both; }
@media (min-width:860px){ [data-faqbox]{ grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); } }
/* mobile */
[data-uclink]:hover{ color:#243BE6 !important; } [data-uclink]:hover > span{ transform:translateX(6px); } [data-uclink]:active > span{ transform:translateX(10px); transition-duration:.12s !important; }
@media (min-width:760px){ [data-hero] h1{ font-size:clamp(38px,4.9vw,72px); } [data-h1a], [data-h1b]{ white-space:nowrap; } [data-h1b]{ overflow:visible !important; } }
@media (max-width:759px){
[data-hero-grid] > div:last-child{ display:none !important; }
[data-hero] h1{ font-size:clamp(30px,8.6vw,44px) !important; }
[data-h1a], [data-h1b]{ overflow:visible !important; white-space:normal; overflow-wrap:anywhere; }
[data-hdr]{ animation:h2a-hdr .6s cubic-bezier(.2,.7,.3,1) both; }
[data-hero] h1 > span > span{ animation-duration:.85s !important; }
[data-hero] p{ animation:h2a-blur .7s cubic-bezier(.2,.7,.3,1) .6s both !important; }
[data-hero] [data-ctarow]{ animation:h2a-blur .7s cubic-bezier(.2,.7,.3,1) .78s both !important; }
[data-hero] [data-kpi]{ animation:none !important; }
[data-hero] [data-kpi] > div{ animation:h2a-blur .6s cubic-bezier(.2,.7,.3,1) both; }
[data-hero] [data-kpi] > div:nth-child(1){ animation-delay:1s; } [data-hero] [data-kpi] > div:nth-child(2){ animation-delay:1.12s; } [data-hero] [data-kpi] > div:nth-child(3){ animation-delay:1.24s; }
[data-mock]{ height:500px !important; box-shadow:0 24px 50px -30px rgba(11,12,20,.3),0 0 0 1px rgba(11,12,20,.07) !important; }
[data-agent]{ left:16px !important; right:16px !important; top:28px !important; padding:22px 20px 0 !important; }
[data-ap]{ left:12px !important; right:12px !important; bottom:16px !important; padding:16px 18px 14px !important; }
[data-bento] > article{ min-height:0 !important; }
[data-marq]{ mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent) !important; -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent) !important; }
[data-marqtrack]{ animation-duration:45s !important; }
[data-marqtrack] > div{ width:250px !important; padding:22px !important; }
[data-marqtrack] [data-ucarr]{ opacity:1 !important; transform:none !important; }
[data-bento] > article:first-child > div{ padding:0 !important; flex-direction:row !important; flex-wrap:wrap; justify-content:center; gap:6px !important; }
[data-bento] > article:first-child > div > div{ display:contents !important; }
[data-bento] > article:first-child > div > div > span{ width:clamp(34px,10.2vw,42px) !important; height:clamp(34px,10.2vw,42px) !important; border-radius:13px !important; }
[data-win]{ margin:0 calc(-1 * clamp(28px,3vw,44px)) calc(-1 * clamp(28px,3vw,44px)) 0 !important; min-height:330px !important; }
[data-steps]{ gap:10px 0 !important; }
[data-steps] > span{ gap:14px !important; }
[data-rv]{ transform:translateY(14px); }
}
@media (max-width:859px){
[data-faqcta]{ display:none !important; }
[data-faqbox] > div:last-child{ display:none; }
[data-faqbox]{ background:#F7F8FC !important; padding:6px 20px !important; }
[data-faqbox] > div:first-child{ background:transparent !important; padding:0 !important; gap:0 !important; }
[data-faqbox] > div:first-child > span{ display:none; }
[data-faqbox] > div:first-child > div{ gap:0 !important; }
[data-faqq]{ padding:18px 36px 18px 0 !important; border-radius:0 !important; border-top:1px solid #EEF0F6 !important; color:#0B0C14 !important; font-weight:600 !important; font-size:16.5px !important; background:none !important; transform:none !important; }
[data-faqq]:first-child{ border-top:0 !important; }
[data-faqq]::before{ display:none; }
[data-faqq]::after{ content:'+'; position:absolute; right:2px; top:50%; transform:translateY(-50%); width:26px; height:26px; border-radius:50%; background:#EEF0F6; color:#0B0C14; font-size:18px; font-weight:500; display:flex; align-items:center; justify-content:center; transition:transform .3s cubic-bezier(.2,.7,.3,1), background .3s, color .3s; }
[data-faqq][data-on="true"]::after{ transform:translateY(-50%) rotate(45deg); background:#243BE6; color:#fff; }
[data-faqm]{ background:none !important; border-radius:0 !important; padding:0 0 20px !important; color:#5E6270 !important; font-size:16px !important; }
[data-faqm][data-on="true"]{ display:block; animation:h2a-rise .35s cubic-bezier(.2,.7,.3,1) both; }
}
@media (max-width:600px){
[data-kpi]{ grid-template-columns:1fr !important; gap:0 !important; border-bottom:1px solid #E5E7EF; }
[data-kpi] > div{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:4px !important; padding:14px 0; border-top:1px solid #E5E7EF; }
[data-kpi] > div > span:first-child{ font-size:26px !important; white-space:nowrap; }
[data-kpi] > div > span:last-child{ text-align:left; line-height:1.4; }
[data-hero] [data-cta], [data-endcta] [data-cta], [data-endcta] a{ width:100%; justify-content:center; text-align:center; box-sizing:border-box; }
[data-hero] [data-ctarow] > a:not([data-cta]){ width:100%; justify-content:center; padding:10px 0 0 !important; }
[data-tick] > span:last-child{ display:none; }
[data-tick] > span:first-child{ font-size:14px !important; }
}
@media (hover:none){ [data-cur]{ display:none !important; } }
@media (prefers-reduced-motion:reduce){ *{ transition-duration:.001ms !important; animation-duration:.001ms !important; animation-delay:0s !important } html{ scroll-behavior:auto } [data-rv]{ opacity:1; transform:none } }
[data-shader-wrap]{ position:absolute; inset:0; overflow:hidden; pointer-events:none; opacity:0; transition:opacity 1.2s ease; }
[data-shader-wrap][data-on="1"]{ opacity:1; }
[data-shader-wrap] canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; }
[data-shader-hero]::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 60%,#FFFFFF 100%); }
[data-shader-hero] canvas{ mix-blend-mode:multiply; }
[data-grid-bg]{ position:absolute; inset:0; pointer-events:none; z-index:0; }
[data-page]{ isolation:isolate; }
[data-page] > :not([data-grid-bg]){ position:relative; }
[data-page][data-grid="Standard"] [data-grid-bg]{ background-image:linear-gradient(rgba(11,12,20,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,12,20,.045) 1px,transparent 1px); background-size:64px 64px; }
[data-page][data-grid="Dezent"] [data-grid-bg]{ background-image:linear-gradient(rgba(11,12,20,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(11,12,20,.018) 1px,transparent 1px); background-size:160px 160px; mask-image:linear-gradient(180deg,#000 0,#000 500px,transparent 1000px); -webkit-mask-image:linear-gradient(180deg,#000 0,#000 500px,transparent 1000px); }
[data-page][data-grid="Aus"] [data-grid-bg], [data-page][data-grid="Aus"] [data-endcta-grid]{ display:none; }
[data-page][data-grid="Dezent"] [data-endcta-grid]{ opacity:.3; }