/* Generiert aus design/landing-page.html durch tools/import_claude_design.py. Nicht von Hand bearbeiten. */
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/assets/fonts/geist-300-700-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/geist-mono-400-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/geist-mono-400-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* symbols2 */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/geist-mono-400-symbols2.woff2") format('woff2');
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
/* vietnamese */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/geist-mono-400-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/geist-mono-400-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/geist-mono-400-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/geist-mono-400-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/geist-mono-400-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* symbols2 */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/geist-mono-400-symbols2.woff2") format('woff2');
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
/* vietnamese */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/geist-mono-400-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/geist-mono-400-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/geist-mono-400-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:"Aidera Body";src:url("/assets/fonts/aidera-body-300.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Aidera Body";src:url("/assets/fonts/aidera-body-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF}
a{color:#031E3F}a:hover{color:#2E6B7F}
.nav-links a{color:#5B6472;text-decoration:none}.nav-links a:hover{color:#031E3F}
:focus-visible{outline:2px solid #2E6B7F;outline-offset:3px}
summary{list-style:none}summary::-webkit-details-marker{display:none}
details[open] .faq-icon{transform:rotate(45deg)}
.board{display:grid;grid-template-columns:150px minmax(0,1fr) 168px minmax(0,1fr) 128px;grid-auto-rows:44px;row-gap:12px;align-items:center}
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.b-2{grid-column:span 2}.b-3{grid-column:span 3}.b-4{grid-column:span 4}
@keyframes a-fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.fade-in{animation:a-fade 0.7s cubic-bezier(0.2,0.7,0.2,1) both}
@keyframes lane-in{0%{left:-150px;opacity:0}6%{opacity:1}36%{left:100%;opacity:1}37%,100%{left:100%;opacity:0}}
@keyframes lane-out{0%,38%{left:-180px;opacity:0}43%{opacity:1}76%{left:100%;opacity:1}77%,100%{left:100%;opacity:0}}
@keyframes lane-hit{0%,72%,100%{background:#FFFFFF;border-color:#E8EAED;color:#5B6472}78%,90%{background:#E7F4EE;border-color:#9FD0BE;color:#1F7A55}}
@keyframes lane-core{0%,30%,54%,100%{background:rgba(255,255,255,0.25);box-shadow:none}36%,46%{background:#FAA93C;box-shadow:0 0 0 4px rgba(250,169,60,0.25)}}
.lane-in{animation:lane-in 7.5s cubic-bezier(0.45,0,0.3,1) infinite both}
.lane-out{animation:lane-out 7.5s cubic-bezier(0.45,0,0.3,1) infinite both}
.lane-hit{animation:lane-hit 7.5s ease infinite both}
.lane-core{animation:lane-core 7.5s ease infinite both}
@keyframes loop-in{0%,8%{opacity:0;transform:translateY(6px)}16%,84%{opacity:1;transform:none}94%,100%{opacity:0;transform:none}}
.loop-in{animation:loop-in 7s ease infinite both}
@keyframes node-hl{0%,6%,30%,100%{border-color:#E8EAED;box-shadow:none}10%,24%{border-color:#2E6B7F;box-shadow:0 0 0 3px rgba(46,107,127,0.15)}}
.node-hl{animation:node-hl 7s ease infinite both}
@keyframes val-in{0%,10%{opacity:0}18%,84%{opacity:1}94%,100%{opacity:0}}
@keyframes skel-out{0%,10%{opacity:1}18%,84%{opacity:0}94%,100%{opacity:1}}
.val-in{animation:val-in 7s ease infinite both}.skel-out{animation:skel-out 7s ease infinite both}
@keyframes d-on{0%,6%{background:#FFFFFF;color:#5B6472;border-color:#E8EAED}12%,86%{background:#031E3F;color:#FFFFFF;border-color:#031E3F}96%,100%{background:#FFFFFF;color:#5B6472;border-color:#E8EAED}}
.d-on{animation:d-on 7s ease infinite both}
@keyframes bar-loop{0%{transform:scaleX(0)}25%,84%{transform:scaleX(1);opacity:1}94%,100%{transform:scaleX(1);opacity:0}}
.bar-loop{transform-origin:left center;animation:bar-loop 7s cubic-bezier(0.2,0.7,0.2,1) infinite both}
@keyframes typing{0%,60%,100%{transform:none;opacity:0.4}30%{transform:translateY(-3px);opacity:1}}
.typing{animation:typing 1.1s ease-in-out infinite both}
@keyframes ping{from{transform:scale(1);opacity:0.8}to{transform:scale(2.4);opacity:0}}
.ping-ring{box-shadow:0 0 0 4px rgba(46,107,127,0.2)}.ping-ring::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid currentColor;animation:ping 2s ease-out infinite both}
.live-dot{position:relative}.live-dot::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid currentColor;animation:ping 2s ease-out infinite both}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.35}}
.blink{animation:blink 1.6s ease-in-out infinite both}
@keyframes go-fill{0%{transform:scaleX(0)}80%,94%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.go-fill{transform-origin:left center;animation:go-fill 8s cubic-bezier(0.4,0,0.2,1) infinite both}
@keyframes go-dot{0%,2%{background:#FFFFFF;color:#5B6472;border-color:#CDD3DA}8%,90%{background:#031E3F;color:#FFFFFF;border-color:#031E3F}98%,100%{background:#FFFFFF;color:#5B6472;border-color:#CDD3DA}}
.go-dot{animation:go-dot 8s ease infinite both}
@keyframes c-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.case-progress{transform-origin:left center;animation:c-prog 10s linear both}
@keyframes mq-l{from{transform:translateX(0)}to{transform:translateX(-33.3333%)}}
@keyframes mq-r{from{transform:translateX(-33.3333%)}to{transform:translateX(0)}}
.marquee-l{animation:mq-l 70s linear infinite both}.marquee-r{animation:mq-r 70s linear infinite both}
.marquee-wrap:hover .marquee-l,.marquee-wrap:hover .marquee-r{animation-play-state:paused}
@keyframes conn{0%,10%,96%,100%{background:#C8D2DA;box-shadow:none}16%,86%{background:#3BBF8A;box-shadow:0 0 0 3px rgba(59,191,138,0.2)}}
.conn{animation:conn 7s ease infinite both}
@keyframes row-hl{0%,3%,20%,100%{background:transparent}6%,15%{background:#EEF5F7}}
.row-hl{animation:row-hl 10s ease infinite both}
@keyframes swap-out{0%,38%{opacity:1}44%,92%{opacity:0}100%{opacity:1}}
@keyframes swap-in{0%,38%{opacity:0;transform:translateY(4px)}44%,92%{opacity:1;transform:none}100%{opacity:0}}
.swap-out{animation:swap-out 8s ease infinite both}.swap-in{animation:swap-in 8s ease infinite both}
@keyframes phone-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.phone-in{animation:phone-in 0.9s cubic-bezier(0.2,0.7,0.2,1) 0.6s both}
@media (max-width:960px){.nav-links{display:none!important}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.b-2,.b-3,.b-4{grid-column:span 2}}
@media (min-width:640px) and (max-width:960px){.bento .b-2{grid-column:span 1}}
@media (max-width:820px){.board{grid-template-columns:118px minmax(0,1fr) 128px}.b-right{display:none}.go-track{display:none}}
@keyframes hub-ring{0%{transform:scale(1);opacity:0.7}100%{transform:scale(1.55);opacity:0}}
.hub-ring{animation:hub-ring 2.4s ease-out infinite both}
@keyframes gl-hl{0%,22%{border-color:#031E3F;box-shadow:0 26px 44px -30px rgba(3,30,63,0.5);transform:translateY(-4px)}30%,100%{border-color:#E8EAED;box-shadow:none;transform:none}}
.gl-card{animation:gl-hl 10s ease infinite}
@keyframes gl-num{0%,22%{background:#031E3F;border-color:#031E3F;color:#FFFFFF}30%,100%{background:#FFFFFF;border-color:#CDD3DA;color:#5B6472}}
.gl-num{animation:gl-num 10s ease infinite}
@keyframes gl-pop{0%{opacity:0;transform:translateY(5px) scale(0.96)}5%,92%{opacity:1;transform:none}100%{opacity:0}}
.gl-pop{animation:gl-pop 10s ease infinite both}
@keyframes gl-run{0%{left:0%;opacity:0}3%{opacity:1}75%,93%{left:100%;opacity:1}100%{left:100%;opacity:0}}
.gl-run{animation:gl-run 10s cubic-bezier(0.45,0,0.3,1) infinite}
@keyframes gl-fill{0%{transform:scaleX(0);opacity:1}75%,93%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.gl-fill{transform-origin:left center;animation:gl-fill 10s cubic-bezier(0.45,0,0.3,1) infinite}
@media (max-width:1000px){.gl-line{display:none}}
@keyframes gl2-run{0%{left:0%;opacity:0}2%{left:0.0000%;opacity:1}16.667%{left:0.0000%;opacity:1}25%{left:33.3333%;opacity:1}41.667%{left:33.3333%;opacity:1}50%{left:66.6667%;opacity:1}66.667%{left:66.6667%;opacity:1}75%{left:100.0000%;opacity:1}95%{left:100.0000%;opacity:1}100%{left:100%;opacity:0}}.gl2-run{animation:gl2-run 12s ease-in-out infinite}@keyframes gl2-fill{0%{transform:scaleX(0);opacity:1}2%{transform:scaleX(0.0000);opacity:1}16.667%{transform:scaleX(0.0000);opacity:1}25%{transform:scaleX(0.3333);opacity:1}41.667%{transform:scaleX(0.3333);opacity:1}50%{transform:scaleX(0.6667);opacity:1}66.667%{transform:scaleX(0.6667);opacity:1}75%{transform:scaleX(1.0000);opacity:1}95%{transform:scaleX(1.0000);opacity:1}100%{transform:scaleX(1);opacity:0}}.gl2-fill{transform-origin:left center;animation:gl2-fill 12s ease-in-out infinite}.gl2-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@keyframes gl2-card-0{0%{border-color:#E8EAED;box-shadow:none;transform:none}1%,24%{border-color:#031E3F;box-shadow:0 26px 44px -30px rgba(3,30,63,0.5);transform:translateY(-4px)}25%,100%{border-color:#E8EAED;box-shadow:none;transform:none}}.gl2-card-0{animation:gl2-card-0 12s ease infinite}@keyframes gl2-num-0{0%,0.00%{background:#FFFFFF;border-color:#CDD3DA;color:#031E3F}1%,97%{background:#031E3F;border-color:#031E3F;color:#FFFFFF}100%{background:#FFFFFF;border-color:#CDD3DA;color:#031E3F}}.gl2-num-0{animation:gl2-num-0 12s ease infinite}@keyframes gl2-dot-0{0%,0.00%{background:#FFFFFF;border-color:#CDD3DA}1%,97%{background:#031E3F;border-color:#031E3F}100%{background:#FFFFFF;border-color:#CDD3DA}}.gl2-dot-0{animation:gl2-dot-0 12s ease infinite}@keyframes gl2-pop-0{0%,0.50%{opacity:0;transform:translateY(5px) scale(0.96)}3%,97%{opacity:1;transform:none}100%{opacity:0}}.gl2-pop-0{animation:gl2-pop-0 12s ease infinite}@keyframes gl2-card-1{0%,24.5%{border-color:#E8EAED;box-shadow:none;transform:none}26%,49%{border-color:#031E3F;box-shadow:0 26px 44px -30px rgba(3,30,63,0.5);transform:translateY(-4px)}50%,100%{border-color:#E8EAED;box-shadow:none;transform:none}}.gl2-card-1{animation:gl2-card-1 12s ease infinite}@keyframes gl2-num-1{0%,24.50%{background:#FFFFFF;border-color:#CDD3DA;color:#031E3F}26%,97%{background:#031E3F;border-color:#031E3F;color:#FFFFFF}100%{background:#FFFFFF;border-color:#CDD3DA;color:#031E3F}}.gl2-num-1{animation:gl2-num-1 12s ease infinite}@keyframes gl2-dot-1{0%,24.50%{background:#FFFFFF;border-color:#CDD3DA}26%,97%{background:#031E3F;border-color:#031E3F}100%{background:#FFFFFF;border-color:#CDD3DA}}.gl2-dot-1{animation:gl2-dot-1 12s ease infinite}@keyframes gl2-pop-1{0%,25.50%{opacity:0;transform:translateY(5px) scale(0.96)}28%,97%{opacity:1;transform:none}100%{opacity:0}}.gl2-pop-1{animation:gl2-pop-1 12s ease infinite}@keyframes gl2-card-2{0%,49.5%{border-color:#E8EAED;box-shadow:none;transform:none}51%,74%{border-color:#031E3F;box-shadow:0 26px 44px -30px rgba(3,30,63,0.5);transform:translateY(-4px)}75%,100%{border-color:#E8EAED;box-shadow:none;transform:none}}.gl2-card-2{animation:gl2-card-2 12s ease infinite}@keyframes gl2-num-2{0%,49.50%{background:#FFFFFF;border-color:#CDD3DA;color:#031E3F}51%,97%{background:#031E3F;border-color:#031E3F;color:#FFFFFF}100%{background:#FFFFFF;border-color:#CDD3DA;color:#031E3F}}.gl2-num-2{animation:gl2-num-2 12s ease infinite}@keyframes gl2-dot-2{0%,49.50%{background:#FFFFFF;border-color:#CDD3DA}51%,97%{background:#031E3F;border-color:#031E3F}100%{background:#FFFFFF;border-color:#CDD3DA}}.gl2-dot-2{animation:gl2-dot-2 12s ease infinite}@keyframes gl2-pop-2{0%,50.50%{opacity:0;transform:translateY(5px) scale(0.96)}53%,97%{opacity:1;transform:none}100%{opacity:0}}.gl2-pop-2{animation:gl2-pop-2 12s ease infinite}@keyframes gl2-card-3{0%,74.5%{border-color:#E8EAED;box-shadow:none;transform:none}76%,97%{border-color:#031E3F;box-shadow:0 26px 44px -30px rgba(3,30,63,0.5);transform:translateY(-4px)}98%,100%{border-color:#E8EAED;box-shadow:none;transform:none}}.gl2-card-3{animation:gl2-card-3 12s ease infinite}@keyframes gl2-num-3{0%,74.50%{background:#FFFFFF;border-color:#CDD3DA;color:#031E3F}76%,97%{background:#031E3F;border-color:#031E3F;color:#FFFFFF}100%{background:#FFFFFF;border-color:#CDD3DA;color:#031E3F}}.gl2-num-3{animation:gl2-num-3 12s ease infinite}@keyframes gl2-dot-3{0%,74.50%{background:#FFFFFF;border-color:#CDD3DA}76%,97%{background:#031E3F;border-color:#031E3F}100%{background:#FFFFFF;border-color:#CDD3DA}}.gl2-dot-3{animation:gl2-dot-3 12s ease infinite}@keyframes gl2-pop-3{0%,75.50%{opacity:0;transform:translateY(5px) scale(0.96)}78%,97%{opacity:1;transform:none}100%{opacity:0}}.gl2-pop-3{animation:gl2-pop-3 12s ease infinite}@media (max-width:1000px){.gl2-line{display:none}.gl2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.gl2-grid{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}