@font-face{font-family:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/archivo-latin-500-normal.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:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/archivo-latin-ext-500-normal.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}
@font-face{font-family:'Archivo';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/archivo-latin-700-normal.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:'Archivo';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/archivo-latin-ext-700-normal.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}
@font-face{font-family:'Archivo';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/archivo-latin-800-normal.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:'Archivo';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/archivo-latin-ext-800-normal.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}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/atkinson-hyperlegible-latin-400-normal.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:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/atkinson-hyperlegible-latin-ext-400-normal.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}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/atkinson-hyperlegible-latin-700-normal.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:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/atkinson-hyperlegible-latin-ext-700-normal.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}
@font-face{font-family:'Silkscreen';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/silkscreen-latin-400-normal.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:'Silkscreen';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/silkscreen-latin-ext-400-normal.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}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#FFFFFF;color:#10162B;font-family:'Atkinson Hyperlegible',system-ui,sans-serif}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
a{color:#2B4EFF}
a:hover{color:#1A37C9}
.tab:hover{color:#2B4EFF !important}
.btn-primary:hover{background:#1A37C9 !important;color:#FFFFFF !important}
.btn-ghost:hover{background:#10162B !important;color:#FFFFFF !important}
.btn-light:hover{background:#D9DDEA !important;color:#10162B !important}
.btn-link:hover{color:#1A37C9 !important;text-decoration:underline}
.card-btn:hover{background:#F3F4F8 !important}
.lift{transition:transform .12s ease, box-shadow .12s ease}
.lift:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 #10162B !important}
.chip:hover{border-color:#2B4EFF !important}
.opt:hover{border-color:#2B4EFF !important}
.cell-btn:hover{outline:3px solid #10162B;outline-offset:-3px}
.media{background-color:#EAEEFF;background-image:linear-gradient(45deg,#DCE2FF 25%,transparent 25%,transparent 75%,#DCE2FF 75%),linear-gradient(45deg,#DCE2FF 25%,transparent 25%,transparent 75%,#DCE2FF 75%);background-size:24px 24px;background-position:0 0,12px 12px}
.media-dark{background-color:#1B2340;background-image:linear-gradient(45deg,#232C4F 25%,transparent 25%,transparent 75%,#232C4F 75%),linear-gradient(45deg,#232C4F 25%,transparent 25%,transparent 75%,#232C4F 75%);background-size:24px 24px;background-position:0 0,12px 12px}
table{border-collapse:collapse}
input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:3px solid #FF6A2B;outline-offset:2px}
@media (prefers-reduced-motion: reduce){.lift{transition:none}.lift:hover{transform:none}}
.hdr{flex-wrap:wrap}
.nav-desktop{display:flex}
.nav-toggle{display:none}
.nav-mobile{display:none}
.tt-mobile{display:none}
@media (max-width: 820px){.nav-desktop{display:none}.nav-toggle{display:flex}.nav-mobile{display:flex}.tt-desktop{display:none}.tt-mobile{display:flex}.ptable th,.ptable td{padding:10px 8px !important;font-size:14px !important}.ptable .ph{font-size:15px !important}.ptable .pp{font-size:20px !important}.ptable .c1{width:34% !important}.hdr{flex-wrap:nowrap}.flow{flex-direction:column}.flow > div{flex-basis:auto !important}.flow-arrow{transform:rotate(90deg);padding:4px 0 !important}}
.btn-primary,.btn-light,.btn-ghost{transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease}
.btn-primary:hover,.btn-ghost:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #10162B}
.btn-light:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #FF6A2B}
.btn-primary:active,.btn-light:active,.btn-ghost:active{transform:none;box-shadow:none}
.logo-btn:hover .logo-grid{animation:tiapHop .4s steps(2) both}
@keyframes tiapFade{from{opacity:0}to{opacity:1}}
@keyframes tiapPop{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes tiapDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes tiapRv{from{opacity:1}to{opacity:1}}
@keyframes tiapPx{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
@keyframes tiapHop{0%,100%{transform:none}50%{transform:translateY(-3px)}}
@keyframes tiapShine{0%,84%,100%{filter:none}90%{filter:brightness(1.5)}}
@keyframes tiapFlicker{0%{opacity:.15}8%{opacity:1}12%{opacity:.3}20%{opacity:1}26%{opacity:.5}34%,100%{opacity:1}}
@keyframes tiapBlink{0%,100%{opacity:1}50%{opacity:.2}}
.fx-fade{animation:tiapFade .28s ease-out both}
.fx-pop{animation:tiapPop .34s cubic-bezier(.2,.8,.2,1) both}
.fx-drop{animation:tiapDrop .22s ease-out both}
.rv{background:#FFFFFF;outline:1px solid #FFFFFF;opacity:0;animation:tiapRv 40ms steps(1) backwards}
.lp{animation:tiapPx .3s steps(3) backwards}
.rb{animation:tiapShine 6s linear infinite}
.bulb{animation:tiapFlicker 1.4s steps(1) .3s both}
.ray{animation:tiapBlink 1.6s steps(1) infinite}
.rv-l,.rv-r{transition:opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1)}
.js-rv .rv-l:not([data-in]){opacity:0;transform:translateX(-90px)}
.js-rv .rv-r:not([data-in]){opacity:0;transform:translateX(90px)}
.card-btn:hover .faq-ic{animation:tiapHop .4s steps(2) both}
.faq-ic.is-open{animation:tiapSpin .45s steps(4) both}
@keyframes tiapSpin{0%{transform:scale(.6) rotate(-12deg)}60%{transform:scale(1.15)}100%{transform:none}}
main section,header,footer,.marquee{position:relative;isolation:isolate;overflow:hidden}
main section::before,header::before,footer::before,.marquee::before{content:"";position:absolute;left:0;top:-1024px;width:100%;height:calc(100% + 2048px);z-index:-1;pointer-events:none;background-image:url(/assets/fx/rauschen.png);background-size:256px 1024px;image-rendering:pixelated;opacity:.38;animation:tiapStatic .62s steps(8) infinite}
@keyframes tiapStatic{from{transform:translateY(0)}to{transform:translateY(1024px)}}
@keyframes tiapStaticTv{from{transform:translateY(0)}to{transform:translateY(1600px)}}
@keyframes tiapGrain{0%{transform:translate(0,0)}17%{transform:translate(-4%,3%)}33%{transform:translate(3%,-5%)}50%{transform:translate(-6%,-2%)}67%{transform:translate(5%,4%)}83%{transform:translate(-2%,6%)}100%{transform:translate(0,0)}}
.tv{position:relative;overflow:hidden;isolation:isolate}
.tv::before{content:"";position:absolute;left:0;top:-1600px;width:100%;height:calc(100% + 3200px);z-index:-1;background-image:url(/assets/fx/tv.png);background-size:160px 1600px;image-rendering:pixelated;opacity:.75;animation:tiapStaticTv .5s steps(8) infinite}
.tv::after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,rgba(16,22,43,.35) 0 2px,transparent 2px 6px);animation:tiapScan 8s linear infinite}
@keyframes tiapScan{from{background-position:0 0}to{background-position:0 240px}}
.hw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.hw>span{display:inline-block;animation:tiapRise 1s cubic-bezier(.16,1,.3,1) both}
@keyframes tiapRise{from{transform:translateY(115%)}to{transform:none}}
.fx-up{animation:tiapUp .9s cubic-bezier(.16,1,.3,1) both}
@keyframes tiapUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.fx-in-r{animation:tiapInR 1.1s cubic-bezier(.16,1,.3,1) both}
@keyframes tiapInR{from{opacity:0;transform:translateX(48px) scale(.96)}to{opacity:1;transform:none}}
.marquee-track{display:flex;width:max-content;animation:tiapMarquee 42s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes tiapMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.js-rv main section:not(.hero) > div > *:not([data-in]){opacity:0}
.conveyor{position:relative;display:block;width:60px;height:12px}
.conveyor i{position:absolute;top:2px;left:0;width:8px;height:8px;opacity:0;animation:tiapConvey 1.6s linear infinite}
.conveyor i:nth-child(1){background:#2B4EFF}
.conveyor i:nth-child(2){background:#FF6A2B;animation-delay:-.4s}
.conveyor i:nth-child(3){background:#FFC531;animation-delay:-.8s}
.conveyor i:nth-child(4){background:#2BB673;animation-delay:-1.2s}
.conveyor::after{content:"";position:absolute;right:4px;top:4px;width:4px;height:4px;background:#10162B;box-shadow:-4px -4px 0 #10162B,-4px 4px 0 #10162B}
@keyframes tiapConvey{0%{transform:translateX(0);opacity:0}15%,80%{opacity:1}100%{transform:translateX(44px);opacity:0}}
.pulse-box{animation:tiapPulse 2.4s ease-in-out infinite}
@keyframes tiapPulse{0%,100%{box-shadow:0 0 0 #2B4EFF}50%{box-shadow:8px 8px 0 #2B4EFF}}
.strip i{display:block;animation:tiapShine 3s linear infinite}
.share i,.wf i{display:block;aspect-ratio:1}
.share i{aspect-ratio:auto;height:10px}
[data-in] .share i,[data-in] .wf i{animation:tiapPop2 .3s steps(3) both}
@keyframes tiapPop2{from{transform:scale(0)}to{transform:none}}
.blip{animation:tiapBlip 1.2s steps(2) infinite}
@keyframes tiapBlip{0%,100%{transform:none}50%{transform:scale(.6)}}
@media (max-width: 600px){.cl-labels{gap:6px !important}.cl-labels span{font-size:11px !important}}
.tvch-i{opacity:0;animation:tiapChannel 36s steps(1) infinite}
@keyframes tiapChannel{0%{opacity:1}6.4%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.tvch-i:first-child{opacity:1}}
.tiap-progress{position:fixed;left:0;top:0;height:4px;width:100%;z-index:85;transform-origin:0 50%;transform:scaleX(0);pointer-events:none;background:linear-gradient(90deg,#E63946 0 16.66%,#FF6A2B 16.66% 33.33%,#FFC531 33.33% 50%,#2BB673 50% 66.66%,#2B4EFF 66.66% 83.33%,#7B4BFF 83.33% 100%)}
.tiap-wipe{position:fixed;inset:0;z-index:100;display:none}
.tiap-wipe.on{display:block}
.tiap-wipe span{position:absolute;opacity:0}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}