.v4-page{--v4-band:#111943;--v4-warm:#e3a982;--v4-frame-line:#ffffff21;--v4-mono:var(--font-v4-mono), ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}.v4-page :is(h1,h2,h3){font-family:var(--font-v4-display), var(--font-manrope), sans-serif;font-weight:560}.v4-page .vx-halftone-content h1{letter-spacing:-.035em;font-weight:600}@media (min-width:761px){.v4-page .vx-halftone{height:auto;min-height:max(600px,min(100svh - 120px,780px));display:flex}.v4-page .vx-halftone-content{height:auto;padding-top:6.5rem;padding-bottom:3.5rem}}.v4-page .v3-section h2,.v4-page .v3-compare-head h2,.v4-page .v4-cta h2{letter-spacing:-.035em;font-weight:560}.v4-page .v3-pill,.v4-page .vx-person img{border-radius:2px}.v4-page .v4-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#0a0d17d9;border-bottom:1px solid #ffffff14;height:auto;min-height:4rem;margin:0 0 -4rem;top:0}.v4-page .v4-header .v3-header-inner{width:min(1280px,100% - 24px);height:auto;min-height:4rem;padding-inline:var(--v3-pad);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0;border-radius:0;flex-wrap:wrap;row-gap:0}.v4-brand{gap:.625rem}.v4-nav{font-family:var(--v4-mono);letter-spacing:.06em;text-transform:uppercase;gap:.25rem;font-size:.6875rem}@media (min-width:901px){.v4-page .v4-header .v3-header-inner{flex-wrap:nowrap}.v4-nav{scrollbar-width:thin;min-width:0;overflow-x:auto}}.v4-nav a,.v4-page .v3-brand,.v4-page .v4-header .v3-pill{white-space:nowrap;flex-shrink:0}.v4-nav a{color:#a2aabd;padding-inline:.75rem;position:relative}.v4-nav a:hover,.v4-nav a[aria-current]{color:#f1f3f8}.v4-nav a[aria-current]:before{content:"";background:var(--v4-warm);width:4px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0}.v4-page .v4-header .v3-pill{height:44px;padding-inline:1.125rem;font-size:.9375rem;font-weight:650}@media (max-width:400px){.v4-page .v4-header .v3-header-inner{flex-wrap:nowrap;gap:.75rem}.v4-page .v4-header .v3-pill{padding-inline:.875rem}}.v4-page .v3-grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect x='11' y='11' width='2' height='2' fill='%23ffffff' fill-opacity='.16'/%3E%3C/svg%3E");background-size:24px 24px}.v4-page .v3-grid:after{opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect x='10' y='10' width='4' height='4' fill='%2393a3ff'/%3E%3C/svg%3E");background-size:24px 24px}.v4-caption{color:#8d96ad;font-family:var(--v4-mono);letter-spacing:.02em;margin:0;font-size:.6875rem;font-weight:400;line-height:1.6;display:block}.v4-page .v3-section .v4-caption,.v4-page .v4-band .v4-caption{color:#8d96ad}.v4-caption-above{justify-content:space-between;gap:1rem;padding-bottom:.5rem;display:flex}.v4-frame{border:1px solid var(--v4-frame-line);background:#0c1020;display:block;overflow:hidden}.v4-frame img{width:100%;height:auto;display:block}.v4-hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;max-width:40rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.v4-hero-facts li{border-top:1px solid #ffffff2e;flex-direction:column;gap:.25rem;padding-top:.75rem;display:flex}.v4-hero-facts strong{color:var(--v4-warm);font-family:var(--font-v4-display), var(--font-manrope), sans-serif;letter-spacing:-.02em;white-space:nowrap;font-size:1.25rem;font-weight:600;line-height:1.2}.v4-hero-facts span{color:#c4cadb;text-wrap:pretty;font-size:.9375rem;line-height:1.4}@media (max-width:760px){.v4-hero-facts{grid-template-columns:minmax(0,1fr);gap:0;margin-top:1.25rem}.v4-hero-facts li{grid-template-columns:9.25rem minmax(0,1fr);align-items:baseline;gap:.75rem;padding-block:.625rem;display:grid}.v4-hero-facts strong{font-size:1.125rem}}.v4-hero-field{pointer-events:none;position:absolute;top:0;left:0}.v4-band{z-index:1;background:var(--v4-band);position:relative}.v4-band.v3-compare:before{content:"";background:var(--v4-band);pointer-events:none;height:60px;position:absolute;bottom:100%;left:0;right:0;transform:scaleY(-1);-webkit-mask:url(/brand/dither-edge.svg) 0 0/48px 60px repeat-x;mask:url(/brand/dither-edge.svg) 0 0/48px 60px repeat-x}.v4-page .v4-band{--v3-muted:#b0b8d6;--v3-line:#ffffff24}.v4-page .v3-compare{padding-top:1.5rem}.v4-page .v3-compare-foot{padding-bottom:clamp(3rem,6vw,4.5rem)}.v4-page .vx-browser{background:#0c1020;border:1px solid #fff3;border-radius:0;box-shadow:6px 6px #0a0d17,0 40px 80px -40px #000}.v4-page .vx-browser-bar{background:#0c1020;border-bottom-color:#ffffff21;height:36px}.v4-page .vx-browser-dots{gap:4px}.v4-page .vx-browser-dots i{background:#5d6ca0;border-radius:0;width:8px;height:8px}.v4-page .vx-browser-dots i:first-child{background:#f0a49a}.v4-page .vx-browser-dots i:nth-child(2){background:#5470f0}.v4-page .vx-browser-address{color:#a2aabd;font-family:var(--v4-mono);letter-spacing:.04em;background:#0a0d17;border:1px solid #ffffff1a;border-radius:0;padding:4px 14px 3px;font-size:.6875rem}.v4-page .vx-split-line{width:4px;box-shadow:none;transform:translate3d(calc(var(--p,.9) * 100cqw - 2px), 0, 0);background:repeating-linear-gradient(#f1f3f8 0 8px,#0000 8px 12px)}.v4-page .vx-split-handle{box-sizing:border-box;width:44px;height:44px;box-shadow:none;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px);transform:translate3d(clamp(2px, calc(var(--p,.9) * 100cqw - 22px), calc(100cqw - 46px)), 0, 0);background:#f1f3f8;border:2px solid #0a0d17;border-radius:0;gap:6px;margin-top:-22px}.v4-page .vx-split-handle i,.v4-page .vx-split-handle i+i{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 7' shape-rendering='crispEdges' fill='%230a0d17'%3E%3Crect x='3' y='0' width='1' height='7'/%3E%3Crect x='2' y='1' width='1' height='5'/%3E%3Crect x='1' y='2' width='1' height='3'/%3E%3Crect x='0' y='3' width='1' height='1'/%3E%3C/svg%3E") 50%/contain no-repeat;border:0;width:8px;height:14px}.v4-page .vx-split-handle i+i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 7' shape-rendering='crispEdges' fill='%230a0d17'%3E%3Crect x='0' y='0' width='1' height='7'/%3E%3Crect x='1' y='1' width='1' height='5'/%3E%3Crect x='2' y='2' width='1' height='3'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E")}.v4-page .vx-split-tag,.v4-page .vx-split-controls button{font-family:var(--v4-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:0;font-size:.6875rem;font-weight:400}.v4-page .vx-split-tag{padding:.375rem .625rem .3125rem}.v4-scope{border:1px solid var(--v4-frame-line);background:var(--v4-frame-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(2rem,4vw,3rem);display:grid}.v4-scope>div{background:var(--v3-bg);padding:clamp(1.5rem,3vw,2.25rem)}.v4-scope h3{letter-spacing:-.02em;font-size:1.25rem}.v4-scope .v4-squares li{color:var(--v3-ink);font-size:1rem}.v4-scope p{max-width:46ch;color:var(--v3-muted);text-wrap:pretty;margin-top:1rem;font-size:.9375rem}.v4-versus{margin-top:clamp(2.5rem,5vw,3.5rem)}.v4-versus h3{letter-spacing:-.02em;font-size:1.25rem}.v4-versus dl{border:1px solid var(--v4-frame-line);background:var(--v4-frame-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:1rem 0 0;display:grid}.v4-versus dl>div{background:var(--v3-bg);padding:clamp(1.25rem,2.5vw,1.75rem)}.v4-versus dt{font-family:var(--font-v4-display), var(--font-manrope), sans-serif;font-size:1.125rem;font-weight:600}.v4-versus dd{max-width:34ch;color:var(--v3-muted);text-wrap:pretty;margin:.375rem 0 0;font-size:.9375rem}.v4-versus [data-own]{background:#161c38}.v4-versus [data-own] dt{color:var(--v4-warm)}.v4-versus [data-own] dd{color:var(--v3-ink)}.v4-squares{margin:1rem 0 0;padding:0;list-style:none}.v4-squares li{padding:.3125rem 0 .3125rem 1.25rem;font-size:.9375rem;position:relative}.v4-squares li:before{content:"";background:var(--v4-warm);width:6px;height:6px;position:absolute;top:.85em;left:0}.v4-page .v3-arrival-panel{border:1px solid var(--v4-frame-line);background:#0c1020;border-radius:0;margin:.5rem 0;position:relative;overflow:hidden}.v4-arrival-field{height:100%;position:absolute;inset:0}.v4-arrival-panel .v3-demo{z-index:1;position:relative}.v4-page .v4-tag{font-family:var(--v4-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:0;font-size:.6875rem;font-weight:400}.v4-page .v3-demo-form,.v4-page .v3-demo-card{border-radius:4px}.v4-page .v3-section{padding-block:clamp(4.25rem,6vw,5rem)}.v4-steps .v3-section{padding-block:clamp(3.5rem,6vw,4.5rem) clamp(3rem,5vw,4rem)}.v4-stack-head h2{max-width:none}.v4-stack-head .v3-lead{max-width:52ch}.v4-page .v4-faq-section{width:min(860px,100% - 24px)}.v4-faq-section h2{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.v4-track-wrap{margin-top:clamp(2.5rem,5vw,3.5rem);position:relative;container-type:inline-size}.v4-track-rail{background:radial-gradient(circle,#ffffff40 1px,#0000 1.5px) 0/10px 10px repeat-x;height:40px;margin-bottom:1rem;position:relative}.v4-track-g{width:36px;height:36px;transform:translateX(calc(var(--at,0) * ((100cqw - 3 * 2rem) / 4 + 2rem)));transition:transform .9s steps(9,end);position:absolute;top:2px;left:0}.v4-track-wrap[data-started=false] .v4-track-g{transition:none}.v4-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none;display:grid}.v4-track-step{opacity:.72;transition:opacity .4s}.v4-track-step[data-reached=true]{opacity:1}.v4-track-no{color:var(--v4-warm);font-family:var(--v4-mono);font-size:.8125rem;font-weight:600}.v4-track-step h3{letter-spacing:-.02em;margin:.375rem 0 .5rem;font-size:1.375rem}.v4-track-step p{max-width:32ch;font-size:.9375rem}.v4-track-step .v4-caption{margin-top:.75rem}.v4-replay{min-height:44px;color:var(--v3-ink);font-family:var(--v4-mono);cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:2px;align-items:center;gap:.5rem;margin-top:1.75rem;padding:0 1rem;font-size:.8125rem;transition:opacity .3s;display:inline-flex}.v4-replay:disabled{opacity:.35;cursor:default}.v4-replay:not(:disabled):hover{border-color:#93a3ff}.v4-page .v3-leon figure .v4-frame{margin-top:.5rem}.v4-page .v3-leon img{border-radius:0}.v4-work a>.v4-caption{padding:0 0 .5rem}.v4-page .v4-work img{border-radius:0}.v4-page .v4-work a>span:last-child{flex-direction:column;padding-top:.75rem;display:flex}.v4-page .v4-work-concept{grid-column:1/-1}.v4-page .v4-work-concept a{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,3vw,2.5rem);margin-bottom:1rem;display:grid}.v4-page .v4-work-concept a>span:last-child{gap:.375rem;padding-top:0;font-size:.9375rem}.v4-page .v4-work-concept strong{font-size:1.375rem}.v4-work-kind{color:var(--v4-warm);font-family:var(--v4-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}.v4-work-copy{text-wrap:pretty;max-width:44ch}.v4-page .v4-work-concept img{aspect-ratio:2160/1189}.v4-work-concept .v3-link{color:var(--v3-ink);align-self:flex-start;margin-top:.5rem}.v4-faq summary{justify-content:flex-start}.v4-faq-no{width:2rem;color:var(--v4-warm);font-family:var(--v4-mono);flex-shrink:0;font-size:.8125rem;font-weight:600}.v4-faq-q{flex:1}.v4-faq details p{padding-left:2rem}.v4-cta{margin-top:clamp(4rem,6vw,5rem)}.v4-cta-inner{padding:clamp(3.5rem, 7vw, 6rem) var(--v3-pad);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:2rem;display:grid}.v4-cta h2{color:#fff;max-width:14ch;font-size:clamp(2.25rem,4.4vw,4rem);line-height:1.04}.v4-cta .v3-cta-copy>p{color:#c4cadb;max-width:40ch;margin-top:1.25rem;font-size:1.0625rem}.v4-cta-art{justify-content:center;display:flex}.v4-cta-g{aspect-ratio:8/9;width:min(100%,400px)}.v4-page .v4-footer{z-index:1;color:var(--v3-muted);margin-top:60px;font-size:.9375rem;position:relative}.v4-footer-grid{padding:clamp(2.5rem, 5vw, 4rem) var(--v3-pad);grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:2rem;display:grid}.v4-footer-brand p{max-width:30ch;margin-top:.75rem}.v4-footer nav{flex-direction:column;align-items:flex-start;display:flex}.v4-footer nav .v4-caption{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.v4-footer nav a{color:#c4cadb;align-items:center;min-height:36px;display:inline-flex}.v4-footer nav a:hover{color:#fff}.v4-footer-bar{font-family:var(--v4-mono);letter-spacing:.06em;text-transform:uppercase;border-top:1px solid #ffffff14;font-size:.6875rem}.v4-footer-bar-inner{padding:1.25rem var(--v3-pad) 1.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex}.v4-footer-bar-inner>span:first-child{color:#f1f3f8;align-items:center;gap:.625rem;display:inline-flex}.v4-copy-sign{font-family:var(--font-manrope), sans-serif}.v4-footer-g{width:14px;height:auto}.v4-frame-px{position:relative;overflow:visible}.v4-frame-px:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#93a3ff,#93a3ff) 0 0/8px 8px no-repeat,linear-gradient(#93a3ff,#93a3ff) 100% 0/8px 8px no-repeat,linear-gradient(#93a3ff,#93a3ff) 0 100%/8px 8px no-repeat,linear-gradient(#f0a49a,#f0a49a) 100% 100%/8px 8px no-repeat;position:absolute;inset:-6px}.v4-portrait{position:relative}.v4-portrait:after{content:"";mix-blend-mode:soft-light;opacity:.45;pointer-events:none;background:#2a3cae;position:absolute;inset:0}.v4-portrait img{filter:saturate(.9)contrast(1.03)}@media (max-width:900px){.v4-track-step{opacity:1}.v4-replay,.v4-nav{display:none}.v4-versus dl{grid-template-columns:minmax(0,1fr)}.v4-track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.5rem}.v4-track-rail{display:none}.v4-cta-inner{grid-template-columns:minmax(0,1fr)}.v4-cta-art{display:none}.v4-cta-inner{padding-top:3rem}.v4-cta .v3-cta-copy{padding-top:0}}@media (max-width:760px){.v4-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.25rem}.v4-footer-brand,.v4-footer nav[aria-label=Kontakt]{grid-column:1/-1}.v4-footer nav a{min-height:44px}.v4-track{grid-template-columns:minmax(0,1fr);row-gap:1.75rem}.v4-caption-above span+span{display:none}.v4-page .v4-work a{grid-template-columns:128px minmax(0,1fr)}.v4-page .v4-work-concept a{grid-template-columns:minmax(0,1fr);gap:.875rem;margin-bottom:.75rem}.v4-scope{grid-template-columns:minmax(0,1fr)}.v4-work a>.v4-caption{display:none}.v4-page .v4-work a>span:last-child{padding-top:0}}.v4-page[data-headings=pixel] :is(h1,h2,h3){font-family:var(--v4-mono);letter-spacing:0;text-wrap:balance;font-weight:400}.v4-page[data-headings=pixel] .vx-halftone-content h1{letter-spacing:0;font-size:2.75rem;line-height:1.1}.v4-page[data-headings=pixel] .v3-compare-head h2,.v4-page[data-headings=pixel] .v4-cta h2{letter-spacing:0;font-size:3.4375rem;line-height:1.1}.v4-page[data-headings=pixel] .v3-section h2{letter-spacing:0;max-width:22ch;font-size:2.75rem;line-height:1.1}.v4-page[data-headings=pixel] :is(.v4-versus,.v4-track,.v3-work-head) h3,.v4-page[data-headings=pixel] .v3-compare-points h3{letter-spacing:0;font-size:1.375rem}@media (max-width:1100px){.v4-page[data-headings=pixel] .vx-halftone-content h1{font-size:2.0625rem}.v4-page[data-headings=pixel] .v3-compare-head h2,.v4-page[data-headings=pixel] .v4-cta h2{font-size:2.75rem}}@media (max-width:760px){.v4-page[data-headings=pixel] .vx-halftone-content h1{font-size:1.71875rem;line-height:1.2}.v4-page[data-headings=pixel] .v3-compare-head h2,.v4-page[data-headings=pixel] .v4-cta h2,.v4-page[data-headings=pixel] .v3-section h2{font-size:2.0625rem;line-height:1.15}}
