@font-face{font-family: 'Syne';src: url('../fonts/Syne-Variable.woff2') format('woff2');font-weight: 400 800;font-display: swap}@font-face{font-family: 'Space Grotesk';src: url('../fonts/SpaceGrotesk-Variable.woff2') format('woff2');font-weight: 300 700;font-display: swap}@property --bg{syntax: '<color>';inherits: true;initial-value: #1A1A2E}@property --ink{syntax: '<color>';inherits: true;initial-value: #F3F5F7}@property --soft{syntax: '<color>';inherits: true;initial-value: #F3F5F7}@property --btn{syntax: '<color>';inherits: true;initial-value: #D93553}@property --btn-ink{syntax: '<color>';inherits: true;initial-value: #ffffff}@property --logo-inv{syntax: '<number>';inherits: true;initial-value: 1} :root{--coral: #E6415D;--coral-ink: #D93553;--navy: #1A1A2E;--paper: #F3F5F7;--display: 'Syne',sans-serif;--body: 'Space Grotesk',sans-serif; --display-w: 700;--ds: 1.06;--dt: .9;--dl: .02;--dw: 0em;--h1-w: 7.2;--ease: cubic-bezier(.22,1,.36,1); --wrap: min(100vw,92rem);--u: calc(var(--wrap) / 100);--gutter: calc((100vw - var(--wrap)) / 2 + clamp(1.25rem,4 * var(--u),4rem));--radius: 20px} .t-dark,:root[data-tone="dark"]{--bg: #1A1A2E;--ink: #F3F5F7;--soft: rgba(243,245,247,.76);--btn: #D93553;--btn-ink: #fff;--logo-inv: 1;--logo: brightness(0) invert(var(--logo-inv))}.t-coral,:root[data-tone="coral"]{--bg: #E6415D;--ink: #1A1A2E;--soft: rgba(26,26,46,.88);--btn: #1A1A2E;--btn-ink: #F3F5F7;--logo-inv: 0;--logo: brightness(0) invert(var(--logo-inv))}.t-light,:root[data-tone="light"]{--bg: #FFFFFF;--ink: #1A1A2E;--soft: rgba(26,26,46,.72);--btn: #D93553;--btn-ink: #fff;--logo-inv: 0;--logo: brightness(0) invert(var(--logo-inv))}.t-paper,:root[data-tone="paper"]{--bg: #F3F5F7;--ink: #1A1A2E;--soft: rgba(26,26,46,.72);--btn: #D93553;--btn-ink: #fff;--logo-inv: 0;--logo: brightness(0) invert(var(--logo-inv))}.t-dark,.t-coral,.t-light,.t-paper{background: var(--bg);color: var(--ink)}*,*::before,*::after{box-sizing: border-box}html{background: var(--bg);color: var(--ink);scroll-behavior: smooth;overflow-x: clip}body{margin: 0;font-family: var(--body);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: clip}img{display: block;max-width: 100%}h1,h2,h3,p,ol,ul,dl,dd,figure,blockquote{margin: 0}ol,ul{list-style: none;padding: 0}a{color: inherit}::selection{background: var(--coral-ink,#D93553);color: #fff}.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.anchor{display: block;height: 0}  h1,h2,h3{font-family: var(--display);font-weight: var(--display-w);word-spacing: var(--dw)}h1{font-size: calc((clamp(2.7rem,1rem + 5.4 * var(--u),6.4rem)) * var(--ds));line-height: calc(.88 + var(--dl));letter-spacing: calc(-.055em * var(--dt))}h1 span{display: block}h2{font-size: calc((clamp(2.1rem,1rem + 3 * var(--u),4.4rem)) * var(--ds));line-height: calc(.94 + var(--dl));letter-spacing: calc(-.045em * var(--dt));text-wrap: balance;hyphens: manual}h3{font-size: calc(1.15rem * var(--ds));line-height: 1.15;letter-spacing: calc(-.02em * var(--dt));hyphens: manual;overflow-wrap: break-word} .lede{margin-top: 1.5rem;max-width: 36rem;font: 500 1.12rem/1.55 var(--body);color: var(--soft)}.sticker{display: inline-block;margin-bottom: 1.5rem;padding: .5rem .8rem;border-radius: 6px;background: var(--ink);color: var(--bg);font: 700 .74rem/1 var(--body);letter-spacing: .08em;text-transform: uppercase;transform: rotate(-3deg);transform-origin: left center} .btn{display: inline-flex;align-items: center;gap: .8rem;border: 0;cursor: pointer;text-decoration: none;background: var(--btn);color: var(--btn-ink);border-radius: 999px;font: 700 1rem/1 var(--body);padding: 1.05rem 1.6rem;transition: transform .35s var(--ease),box-shadow .35s var(--ease);box-shadow: 0 0 0 0 var(--ink)}.btn:hover{transform: translate(-3px,-3px);box-shadow: 4px 4px 0 0 var(--ink)}.btn--ghost{background: transparent;color: var(--ink);box-shadow: inset 0 0 0 2px var(--ink)}.btn--ghost:hover{box-shadow: inset 0 0 0 2px var(--ink),4px 4px 0 0 var(--ink)}.btn--sm{gap: .55rem;padding: .78rem 1.15rem;font-size: .84rem;white-space: nowrap}@media (max-width: 420px){.nav .btn--sm span{display: none}} .btn--lg{font-size: 1.2rem;padding: 1.35rem 2rem}.actions{display: flex;flex-wrap: wrap;gap: .8rem;margin-top: 2.2rem}.more{display: inline-flex;align-items: center;gap: .5rem;font: 700 1rem/1 var(--body);text-decoration: none;padding-bottom: .3rem;background: linear-gradient(var(--btn),var(--btn)) 0 100% / 100% 2px no-repeat}.more:hover span{transform: translateX(.3rem)}.more span{transition: transform .3s var(--ease)} .logo{display: block;width: 8rem;aspect-ratio: 1854 / 597;background: var(--ink);-webkit-mask: url(../assets/img/logo-white.svg) center / contain no-repeat;mask: url(../assets/img/logo-white.svg) center / contain no-repeat}.nav{position: fixed;inset: 0 0 auto 0;z-index: 60;display: flex;align-items: center;justify-content: space-between;gap: 2rem;padding: 1.3rem var(--gutter);color: var(--ink);transition: --bg .5s var(--ease),--ink .5s var(--ease),--btn .5s var(--ease),--btn-ink .5s var(--ease),background-color .4s var(--ease),box-shadow .4s var(--ease),padding .4s var(--ease)}:root[data-nav="dark"] .nav{--bg: #1A1A2E;--ink: #F3F5F7;--btn: #D93553;--btn-ink: #fff}:root[data-nav="coral"] .nav{--bg: #E6415D;--ink: #1A1A2E;--btn: #1A1A2E;--btn-ink: #F3F5F7}:root[data-nav="light"] .nav{--bg: #FFFFFF;--ink: #1A1A2E;--btn: #D93553;--btn-ink: #fff}:root[data-nav="paper"] .nav{--bg: #F3F5F7;--ink: #1A1A2E;--btn: #D93553;--btn-ink: #fff}:root.is-scrolled .nav{background-color: color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);padding-block: .85rem}.nav-links{display: flex;gap: 1.9rem}.nav-links a{text-decoration: none;font: 600 .86rem/1 var(--body);color: var(--ink);opacity: .72;transition: opacity .25s}.nav-links a:hover,.nav-links a[aria-current]{opacity: 1} .s{position: relative;padding: clamp(4.5rem,8.5 * var(--u),8rem) var(--gutter)}.s-head{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 1.5rem 3rem;margin-bottom: clamp(2.2rem,4 * var(--u),3.6rem)}.s-head .sticker{margin-bottom: 1.3rem} .trust-title{font: 700 .72rem/1 var(--body);letter-spacing: .14em;text-transform: uppercase;color: var(--soft)}.logos{overflow: hidden;-webkit-mask-image: linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image: linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.logos-track{display: flex;align-items: center;gap: clamp(2.2rem,4 * var(--u),4rem);padding-right: clamp(2.2rem,4 * var(--u),4rem);width: max-content;animation: loop 48s linear infinite}.logos img{height: calc(2rem * var(--lh,1));width: auto;max-width: calc(8.5rem * var(--lw,1));object-fit: contain;filter: var(--logo);opacity: .82}.logos img.is-wide{--lw: 1.55} .logos img.is-tall{--lh: 1.35} @keyframes loop{to{transform: translateX(var(--loop-shift,-50%))}}  .xp-item figure{overflow: hidden;border-radius: 14px;background: color-mix(in srgb,var(--ink) 8%,transparent)}.xp-item img{width: 100%;height: 100%;object-fit: cover}.xp-item p{margin-top: .6rem;font: 400 .98rem/1.55 var(--body);color: var(--soft)}.num{font: 700 .74rem/1 var(--body);letter-spacing: .08em;color: var(--btn)} .case a{display: block;text-decoration: none}.case figure{position: relative;overflow: hidden;border-radius: var(--radius);background: color-mix(in srgb,var(--ink) 8%,transparent)}.case img{width: 100%;height: 100%;object-fit: cover;transition: transform .8s var(--ease)}.case-motion{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: var(--pos,50% 50%);transition: transform .8s var(--ease)} .case a:hover :is(img,.case-motion){transform: scale(1.04)}.case .tag{position: absolute;left: .9rem;top: .9rem;padding: .4rem .6rem;border-radius: 6px;background: var(--paper);color: var(--navy);font: 800 .64rem/1 var(--body);letter-spacing: .08em;text-transform: uppercase;transform: rotate(-3deg)}.case .meta{margin-top: 1.1rem;font: 700 .68rem/1.3 var(--body);letter-spacing: .1em;text-transform: uppercase;color: var(--btn)}.case h3{margin-top: .5rem;font-size: calc(1.3rem * var(--ds))}.case .text{margin-top: .5rem;font: 400 .98rem/1.5 var(--body);color: var(--soft)} .case-foot{display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem}.case-go{flex: none;display: grid;place-items: center;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: var(--btn);color: var(--btn-ink);font: 600 1rem/1 var(--body);transition: transform .3s var(--ease)}.case a:hover .case-go{transform: translate(.15rem,-.15rem) scale(1.06)} .why li p,.proc li p{margin-top: .6rem;font: 400 .98rem/1.55 var(--body);color: var(--soft)} .voice{display: flex;flex-direction: column;gap: 1.4rem;padding: 1.6rem 1.6rem 1.4rem;border-radius: var(--radius)}.voice blockquote{font: 500 1.05rem/1.5 var(--body)} .voice blockquote::before{content: '„';display: block;margin: -1.5rem 0 .2rem;font: var(--display-w) 3rem/1 var(--display);color: var(--btn)}.voice footer{margin-top: auto;display: grid;gap: .6rem}.voice b{font: var(--display-w) 1rem/1.2 var(--display);letter-spacing: calc(-.01em * var(--dt))}.voice small{display: block;margin-top: .2rem;font: 500 .82rem/1.2 var(--body);color: var(--soft)}.voice ul{display: flex;flex-wrap: wrap;gap: .35rem}.voice ul li{padding: .35rem .6rem;border-radius: 999px;box-shadow: inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 30%,transparent);font: 600 .72rem/1 var(--body)} .about-text p:not(.sticker) + p{margin-top: 1rem}.about-text p:not(.sticker){font: 400 1.05rem/1.6 var(--body);color: var(--soft)}.stats div{border-radius: var(--radius)}.stats dd{font: var(--display-w) clamp(1.8rem,1rem + 2 * var(--u),3rem)/1 var(--display);letter-spacing: calc(-.04em * var(--dt))}.stats dt{margin-top: .5rem;font: 700 .7rem/1 var(--body);letter-spacing: .14em;text-transform: uppercase;color: var(--soft)} .points{display: grid;gap: 1.1rem;margin-top: 2rem}.points li{display: grid;grid-template-columns: auto 1fr;gap: .2rem .9rem}.points li::before{content: '';grid-row: span 2;width: .75rem;height: .75rem;margin-top: .3rem;border-radius: 50%;background: var(--btn)}.points b{font: 700 1.05rem/1.3 var(--body)}.points span{font: 400 .98rem/1.5 var(--body);color: var(--soft)}.form{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;padding: clamp(1.4rem,2.6 * var(--u),2.2rem);border-radius: 24px}.form label{display: grid;gap: .45rem;font: 700 .68rem/1 var(--body);letter-spacing: .12em;text-transform: uppercase;color: var(--soft)}.form textarea{resize: vertical;min-height: 8.5rem;font: 500 1rem/1.5 var(--body)}.form input,.form select,.form textarea{width: 100%;padding: .95rem 1rem;border: 0;border-radius: 12px;background: color-mix(in srgb,var(--ink) 7%,transparent);color: var(--ink);font: 500 1rem/1.2 var(--body);letter-spacing: 0;text-transform: none;box-shadow: inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 14%,transparent);transition: box-shadow .25s}.form textarea::placeholder{color: color-mix(in srgb,var(--ink) 45%,transparent)}.form input::placeholder{color: color-mix(in srgb,var(--ink) 45%,transparent)}.form textarea:focus-visible,.form input:focus-visible,.form select:focus-visible{outline: none;box-shadow: inset 0 0 0 2px var(--btn)}.form .wide{grid-column: 1 / -1}.form .consent{font: 400 .82rem/1.45 var(--body);letter-spacing: 0;text-transform: none;color: var(--soft)}.form .btn{justify-self: start}.form output{font: 600 .86rem/1.4 var(--body);color: var(--btn)} .faq{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);gap: clamp(2rem,6 * var(--u),6rem)}.faq-head{position: sticky;top: 7.5rem;align-self: start}.faq-head .btn{margin-top: 2.2rem}.faq-list{border-top: 2px solid var(--ink)}.faq details{border-bottom: 1px solid color-mix(in srgb,var(--ink) 16%,transparent)}.faq summary{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;padding: 1.45rem 0;cursor: pointer;list-style: none;font: 600 clamp(1.1rem,.95rem + .5 * var(--u),1.4rem)/1.3 var(--body);letter-spacing: -.01em}.faq summary::-webkit-details-marker{display: none}.faq summary:focus-visible{outline: 2px solid var(--btn);outline-offset: 4px;border-radius: 6px}.faq summary i{flex: none;position: relative;width: 2.4rem;height: 2.4rem;border-radius: 50%;background: var(--ink);transition: background .3s var(--ease)}.faq summary i::before,.faq summary i::after{content: '';position: absolute;left: 50%;top: 50%;width: .9rem;height: 2px;border-radius: 2px;background: var(--bg);transform: translate(-50%,-50%);transition: transform .4s var(--ease)}.faq summary i::after{transform: translate(-50%,-50%) rotate(90deg)}.faq summary:hover i,.faq details[open] summary i{background: var(--btn)}.faq details[open] summary i::after{transform: translate(-50%,-50%) rotate(0deg)}.faq details p{max-width: 44rem;padding: 0 3.9rem 1.7rem 0;font: 400 1.05rem/1.6 var(--body);color: var(--soft)}.faq details[open] p{animation: faq-in .45s var(--ease)}@keyframes faq-in{from{opacity: 0;transform: translateY(-.4rem)}} .site-footer{position: relative;padding: clamp(4.5rem,9 * var(--u),7.5rem) var(--gutter) 2rem}.footer-cta{display: grid;justify-items: start;padding-bottom: clamp(3.5rem,7 * var(--u),6rem)}.footer-cta h2{font-size: calc((clamp(2.6rem,1rem + 5.6 * var(--u),7.2rem)) * var(--ds));line-height: calc(.9 + var(--dl))}.footer-cta p{margin-top: 1.4rem;font: 500 1.2rem/1.5 var(--body);color: var(--soft)}.footer-cta .btn{margin-top: 2rem}.footer-grid{display: grid;grid-template-columns: minmax(0,2fr) repeat(4,minmax(0,1fr)); gap: 2.5rem 2rem;padding: 3.2rem 0;border-top: 1px solid rgba(243,245,247,.16)}.footer-brand .logo{width: 9rem}.footer-brand p{margin-top: 1.3rem;max-width: 21rem;font-size: .98rem;line-height: 1.55;color: var(--soft)}.footer-brand .place{display: flex;align-items: center;gap: .6rem;margin-top: 1rem;font-weight: 600;color: var(--ink)}.footer-brand .place::before{content: '';width: .55rem;height: .55rem;border-radius: 50%;background: var(--btn)}.site-footer h3{margin-bottom: 1.2rem;font: 700 .72rem/1 var(--body);letter-spacing: .14em;text-transform: uppercase;color: var(--soft)}.footer-grid ul{display: grid;gap: .75rem;font: 600 1.02rem/1.25 var(--body)}.footer-grid .plain{font-weight: 400;color: var(--soft)}.footer-grid li a{text-decoration: none;padding-bottom: .15rem;background: linear-gradient(var(--btn),var(--btn)) 0 100% / 0 2px no-repeat;transition: background-size .35s var(--ease)}.footer-grid li a:hover{background-size: 100% 2px} .footer-grid .socials a{display: inline-flex;align-items: center;gap: .65rem;padding-bottom: 0;background: none}.footer-grid .socials .social-name{padding-bottom: .15rem;background: linear-gradient(var(--btn),var(--btn)) 0 100% / 0 2px no-repeat;transition: background-size .35s var(--ease)}.footer-grid .socials a:hover .social-name{background-size: 100% 2px}.social-icon{flex: none;width: 1.15rem;height: 1.15rem;transition: color .25s}.footer-grid .socials a:hover .social-icon{color: var(--btn)}.social-icon--mask{display: block;background: currentColor;-webkit-mask: var(--icon) center / contain no-repeat;mask: var(--icon) center / contain no-repeat}.footer-legal{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem 2rem;padding-top: 1.6rem;border-top: 1px solid rgba(243,245,247,.16);font: 400 .86rem/1.4 var(--body);color: var(--soft)}.footer-legal ul{display: flex;flex-wrap: wrap;gap: .6rem 1.7rem}.footer-legal a,.footer-legal button{all: unset;cursor: pointer;transition: color .25s}.footer-legal a:hover,.footer-legal button:hover{color: var(--ink)}:is(.btn,.more,.nav a,.site-footer a,.site-footer button,.case a):focus-visible{outline: 2px solid var(--btn);outline-offset: 3px} .hero-video{position: relative;margin: 0;overflow: hidden;background: var(--navy)}.hero-video video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover} .hero-video picture{display: contents}.hero-video img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.hero-video video[data-after-load]{opacity: 0;transition: opacity .6s ease}.hero-video video.is-playing{opacity: 1}.video-toggle{position: absolute;right: 1rem;bottom: 1rem;z-index: 2;display: grid;place-items: center;width: 2.75rem;height: 2.75rem;padding: 0;border: 0;border-radius: 50%;cursor: pointer;background: color-mix(in srgb,var(--navy) 62%,transparent);color: #fff;-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);transition: background-color .3s var(--ease),transform .35s var(--ease)}.video-toggle:hover{background: var(--coral-ink,#D93553);transform: scale(1.08)}.video-toggle::before{content: '';width: .68rem;height: .8rem;border-inline: .22rem solid currentColor} .video-toggle[aria-pressed="true"]::before{width: 0;height: 0;margin-left: .18rem;border-style: solid;border-color: transparent transparent transparent currentColor;border-width: .45rem 0 .45rem .74rem} .video-toggle:focus-visible{outline: 2px solid #fff;outline-offset: 3px} @media (max-width: 960px){.nav-links{display: none}}@media (max-width: 800px){.lede{font-size: 1.02rem}.btn--sm{padding: .7rem 1rem;font-size: .76rem}.form{grid-template-columns: 1fr}.faq{grid-template-columns: 1fr;gap: 2rem}.faq-head{position: static}.faq-head .btn{display: none}.faq summary{padding: 1.1rem 0;gap: 1rem}.faq summary i{width: 2rem;height: 2rem}.faq details p{padding-right: 0;font-size: 1rem}.site-footer{padding: 4rem 1.25rem 1.6rem}.footer-cta h2{font-size: calc(11.5vw * var(--ds))}.footer-grid{grid-template-columns: 1fr 1fr;gap: 2.2rem 1.5rem}.footer-brand{grid-column: 1 / -1}.footer-legal{flex-direction: column;align-items: flex-start}.footer-legal p{order: 1}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}.logos-track,[data-loop]{animation: none !important}} dialog.nl{width: min(32.5rem,calc(100vw - 2rem));padding: clamp(1.8rem,5vw,2.6rem);border: 0;border-radius: 26px;background: #1A1A2E;color: #F3F5F7;text-align: center;box-shadow: 0 30px 80px -30px rgba(0,0,0,.75),0 0 44px -10px rgba(230,65,93,.35)}dialog.nl::backdrop{background: rgba(10,10,20,.62);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}dialog.nl [hidden]{display: none !important}.nl-close{position: absolute;top: .9rem;right: 1rem;width: 2.4rem;height: 2.4rem;border: 0;border-radius: 50%;background: rgba(243,245,247,.1);color: #F3F5F7;font: 400 1.5rem/1 var(--body);cursor: pointer}.nl-form,.nl-done{display: grid;gap: 1rem}.nl h2{font: var(--display-w) calc(2rem * var(--ds))/1.05 var(--display)}.nl p{color: rgba(243,245,247,.76);line-height: 1.5}.nl input{width: 100%;padding: .95rem 1.1rem;border: 1px solid rgba(243,245,247,.18);border-radius: 14px;background: rgba(243,245,247,.06);color: #F3F5F7;font: 500 1rem/1.2 var(--body);text-align: center}.nl input:focus{outline: none;border-color: #E6415D}.nl-submit{--btn: #D93553;--btn-ink: #fff;justify-content: center}.nl-submit:disabled{opacity: .6;cursor: wait}.nl .nl-note{font-size: .78rem}.nl-note a{color: inherit} .footer-grid .footer-badges{display: flex;flex-wrap: wrap;gap: .5rem;margin-top: 1.8rem} .footer-badges li{display: flex;align-items: center;gap: .6rem;padding: .55rem .85rem .55rem .6rem;border-radius: 12px;background: #F3F5F7;color: #1A1A2E}.footer-badges .seal{flex: none;width: 2.3rem;height: 2.3rem}.seal-fill{fill: #1A1A2E}.seal-line{fill: none;stroke: #1A1A2E;stroke-width: 1.7;stroke-linecap: round;stroke-linejoin: round}.seal-accent{fill: #E6415D}.seal-check{fill: none;stroke: #E6415D;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round}.footer-badges span{display: grid;gap: .25rem}.footer-badges b{font: 800 .95rem/1 var(--body);letter-spacing: -.01em}.footer-badges small{font: 700 .6rem/1 var(--body);letter-spacing: .1em;text-transform: uppercase;color: rgba(26,26,46,.62)}.nl-error{margin: 0;font: 600 .88rem/1.4 var(--body);color: #D93553}.nl-error[hidden]{display: none} .nav-toggle{display: none}@media (max-width: 960px){.nav{gap: .8rem}.nav > .btn{margin-left: auto}.nav-toggle{position: relative;z-index: 2;display: grid;place-content: center;gap: .34rem;flex: none;width: 2.6rem;height: 2.6rem;padding: 0;border: 0;border-radius: 50%;background: none;color: inherit;cursor: pointer}.nav-toggle span{display: block;width: 1.4rem;height: 2px;border-radius: 2px;background: currentColor;transition: transform .3s cubic-bezier(.2,.7,.2,1)}.nav-toggle:focus-visible{outline: 2px solid #E6415D;outline-offset: 2px} .nav-open{overflow: hidden} :root.nav-open .nav{--ink: #F3F5F7;color: #F3F5F7;background: none !important;-webkit-backdrop-filter: none !important;backdrop-filter: none !important;box-shadow: none !important}:root.nav-open .nav .logo{background: #F3F5F7}.nav-open .nav > :not(nav,.nav-links){position: relative;z-index: 2}.nav-open .nav-toggle span:first-child{transform: translateY(.22rem) rotate(45deg)}.nav-open .nav-toggle span:last-child{transform: translateY(-.22rem) rotate(-45deg)}.nav-open .nav-links{position: fixed;inset: 0;z-index: 1;display: flex !important;flex-direction: column;justify-content: center;gap: .9rem;margin: 0;padding: 6rem var(--gutter,1.25rem) 3rem;list-style: none;background: #1A1A2E;animation: nav-in .3s ease both}.nav-open .nav-links a{font: 700 clamp(2rem,8vw,2.8rem)/1.1 var(--display,'Syne'),sans-serif;letter-spacing: -.02em;color: #F3F5F7;opacity: 1;text-decoration: none}.nav-open .nav-links a[aria-current]{color: #E6415D}}@media (max-width: 420px){.nav .logo{width: 7rem}}@keyframes nav-in{from{opacity: 0}}@media (prefers-reduced-motion: reduce){.nav-open .nav-links{animation: none}.nav-toggle span{transition: none}} .cc{position: fixed;inset: auto 0 0 0;z-index: 90;display: grid;justify-items: center;padding: 0 clamp(.75rem,3vw,1.5rem) clamp(.75rem,3vw,1.5rem);font-family: var(--body,'Space Grotesk'),system-ui,sans-serif;pointer-events: none}.cc--settings{inset: 0;align-items: center;padding: 1rem}.cc-backdrop{position: fixed;inset: 0;background: rgba(10,10,20,.62);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);pointer-events: auto}.cc-card{position: relative;display: flex;flex-wrap: wrap;align-items: center;gap: 1rem 1.6rem;width: min(100%,50rem);padding: 1.1rem 1.2rem 1.1rem 1.5rem;border-radius: 20px;background: #1A1A2E;color: #F3F5F7;box-shadow: 0 24px 60px -24px rgba(0,0,0,.7),inset 0 0 0 1px rgba(243,245,247,.08);pointer-events: auto;animation: cc-in .35s cubic-bezier(.2,.7,.2,1) both}.cc-card--settings{display: grid;gap: .4rem;width: min(100%,30rem);padding: 1.6rem;border-radius: 26px}@keyframes cc-in{from{opacity: 0;transform: translateY(1rem)}}.cc-text{flex: 1 1 22rem;margin: 0;font-size: .92rem;line-height: 1.5;color: rgba(243,245,247,.82)}.cc-link{padding: 0;border: 0;background: none;color: #F3F5F7;font: inherit;text-decoration: underline;text-underline-offset: .2em;cursor: pointer}.cc-actions{display: flex;flex-wrap: wrap;gap: .6rem}.cc-card--settings .cc-actions{margin-top: .8rem}.cc-card--settings .cc-actions .cc-btn{flex: 1 1 0}.cc-btn{min-width: 9.5rem;padding: .8rem 1.2rem;border: 0;border-radius: 999px;background: var(--coral-ink,#D93553);color: #fff;font: 700 .92rem/1 var(--body,'Space Grotesk'),system-ui,sans-serif;cursor: pointer}.cc-btn--ghost{background: transparent;color: #F3F5F7;box-shadow: inset 0 0 0 1.5px rgba(243,245,247,.5)}.cc-btn:hover{filter: brightness(1.08)}.cc-btn--ghost:hover{box-shadow: inset 0 0 0 1.5px #F3F5F7}:is(.cc-btn,.cc-link,.cc-x,.cc-opt input):focus-visible{outline: 2px solid #E6415D;outline-offset: 3px}.cc-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: .6rem}.cc-head h3{margin: 0;font: 700 1.35rem/1.1 var(--display,'Syne'),sans-serif}.cc-x{width: 2.3rem;height: 2.3rem;border: 0;border-radius: 50%;background: rgba(243,245,247,.1);color: #F3F5F7;font: 400 1.4rem/1 sans-serif;cursor: pointer} .cc-opt{position: relative;display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: .85rem 0;border-top: 1px solid rgba(243,245,247,.12);cursor: pointer}.cc-opt b{display: block;font-size: .98rem}.cc-opt small{display: block;margin-top: .2rem;font-size: .82rem;line-height: 1.4;color: rgba(243,245,247,.68)}.cc-opt input{position: absolute;opacity: 0;width: 2.8rem;height: 1.6rem;right: 0;margin: 0;cursor: pointer}.cc-opt i{flex: none;position: relative;width: 2.8rem;height: 1.6rem;border-radius: 999px;background: rgba(243,245,247,.2);transition: background .2s}.cc-opt i::after{content: '';position: absolute;top: .2rem;left: .2rem;width: 1.2rem;height: 1.2rem;border-radius: 50%;background: #fff;transition: transform .2s}.cc-opt input:checked + i{background: #E6415D}.cc-opt input:checked + i::after{transform: translateX(1.2rem)}.cc-opt input:disabled + i{opacity: .55}.cc-opt:has(input:disabled){cursor: default}@media (max-width: 560px){.cc-card{padding: 1.1rem}.cc-actions,.cc-actions .cc-btn{flex: 1 1 0}}@media (prefers-reduced-motion: reduce){.cc-card{animation: none}} :root{transition: --bg 1s var(--ease),--ink 1s var(--ease),--soft 1s var(--ease),--btn .8s var(--ease),--btn-ink .8s var(--ease),--logo-inv 1s var(--ease)} :root body.home--b .nav{--bg: inherit;--ink: inherit;--btn: inherit;--btn-ink: inherit;transition: box-shadow .4s var(--ease),padding .4s var(--ease)}.home--b .s{background: none} .s-hero{--h1: min((1rem + 7 * var(--u)) * var(--ds),(var(--wrap) - 2 * clamp(1.25rem,4 * var(--u),4rem)) / var(--h1-w),11svh * var(--ds)); --line: calc((.88 + var(--dl)) * var(--h1)); --over: 0px; --top: 5.3rem;--foot: 1.1rem; --edge: clamp(.75rem,1.6 * var(--u),1.5rem); --stage-h: max(100svh - var(--top) - var(--edge),20rem); padding-top: var(--top);padding-bottom: 3rem;overflow-x: clip}.hero-center{display: grid;grid-template-columns: minmax(0,1fr);justify-items: center;text-align: center} .stage{--w0: min(100% + 2 * var(--gutter) - 2 * var(--edge),var(--stage-h) * 2);position: relative;container-type: inline-size;justify-self: center;width: var(--w0);margin-bottom: var(--over)}.stage .hero-video{height: min(var(--stage-h),100cqw / 1.3);border-radius: clamp(16px,2.2 * var(--u),2rem)} .stage .hero-video::after{content: '';position: absolute;inset: 0;pointer-events: none; background: linear-gradient(0deg,rgba(26,26,46,.8) 0%,rgba(26,26,46,.5) 18%,rgba(26,26,46,0) 46%)}.stage .video-toggle{top: 1rem;bottom: auto} .stage-text{position: absolute;inset: auto 0 calc(clamp(1.4rem,3.4 * var(--u),3rem) - var(--over)) 0;z-index: 2;display: grid;justify-items: center;pointer-events: none}.s-hero .sticker{margin-bottom: 1.1rem;background: var(--coral-ink,#D93553);color: #fff;transform-origin: center}.s-hero h1{font-size: var(--h1);color: #fff;text-shadow: 0 .02em .16em rgba(26,26,46,.32)}.s-hero h1 span{white-space: nowrap}.hero-sub{max-width: 34em;margin: clamp(.6rem,1.2vw,1rem) auto 0;padding-inline: 1.2rem;font: 500 clamp(.95rem,1.45vw,1.3rem)/1.35 var(--body);color: #fff;text-align: center;text-shadow: 0 .05em .5em rgba(26,26,46,.55)}.s-hero .lede{max-width: 50rem;margin-inline: auto;margin-top: clamp(2.4rem,4.4 * var(--u),3.8rem);font-size: 1.15rem;line-height: 1.6;color: var(--ink)} .s-hero .actions{justify-content: center;margin-top: clamp(2rem,3.4 * var(--u),2.8rem)} .s-hero{--hp: 0;--h: min(var(--hp),1)}.s-hero h1 span:nth-child(1){--x: -5;--y: 30;--s: -1;--i: 0}.s-hero h1 span:nth-child(2){--x: 4;--y: 21;--s: 1;--i: 1}.s-hero h1 span:nth-child(3){--x: -2.5;--y: 13;--s: -1;--i: 2}.s-hero h1 span,.stage .hero-video video{will-change: transform}.hero-panel{position: relative;z-index: 3;justify-self: stretch} .hero-center:is([data-hero="jetzt"],[data-hero="mitwandern"]) h1 span{transform: translate3d(calc(var(--h) * var(--x) * 1vw),calc(var(--h) * var(--y) * -1vh),0);opacity: calc(1 - var(--h) * 1.3)}.hero-center:is([data-hero="jetzt"],[data-hero="mitwandern"]) .stage-text .sticker{transform: translate3d(0,calc(var(--h) * -40vh),0) rotate(calc(-3deg - var(--h) * 10deg));opacity: calc(1 - var(--h) * 1.6)}.hero-center:is([data-hero="jetzt"],[data-hero="mitwandern"]) .hero-video video{transform: scale(calc(1.02 + var(--h) * .16));transform-origin: 50% 35%}.hero-center:is([data-hero="jetzt"],[data-hero="mitwandern"]) .hero-video::after{background: linear-gradient(0deg,rgba(26,26,46,.8) 0%,rgba(26,26,46,.5) calc(18% + var(--h) * 40%),rgba(26,26,46,0) calc(46% + var(--h) * 60%))} .hero-center:not([data-hero="jetzt"]) .stage{position: sticky;top: var(--top);z-index: 1;align-self: start}.hero-center:not([data-hero="jetzt"]) .hero-panel{margin-inline: calc(-1 * var(--gutter));padding: 0 var(--gutter) 1px;min-height: calc(100svh - var(--top));background: var(--navy);border-radius: 2.4rem 2.4rem 0 0;box-shadow: 0 -1.6rem 3.6rem -1.2rem rgba(6,6,18,.8)} .hero-center:not([data-hero="jetzt"]) .hero-panel{--bg: #1A1A2E;--ink: #F3F5F7;--soft: rgba(243,245,247,.76);--btn: #D93553;--btn-ink: #fff;--logo-inv: 1;--logo: brightness(0) invert(var(--logo-inv));color: var(--ink)}.hero-center:is([data-hero="aufzoomen"],[data-hero="tiefe"],[data-hero="schrift"],[data-hero="blende"],[data-hero="kippen"]){--p: clamp(0,var(--hp) / .65,1)}.hero-center:is([data-hero="aufzoomen"],[data-hero="tiefe"],[data-hero="schrift"],[data-hero="blende"],[data-hero="kippen"]) .hero-panel{margin-top: 70vh}  .hero-center[data-hero="mitwandern"] .hero-video video{opacity: calc(1 - clamp(0,(var(--hp) - .35) * 1.8,1))} .hero-center[data-hero="aufzoomen"] .stage{width: calc(var(--w0) + (100vw - var(--w0)) * var(--p))}.hero-center[data-hero="aufzoomen"] .hero-video{--so: clamp(7px,.9 * var(--u),13px);height: calc(min(var(--stage-h),100cqw / 1.3) + (100svh - var(--top) - min(var(--stage-h),100cqw / 1.3)) * var(--p));border-radius: calc(clamp(16px,2.2 * var(--u),2rem) * (1 - var(--p)));box-shadow: calc(var(--so) * (1 - var(--p))) calc(var(--so) * (1 - var(--p))) 0 var(--coral)}.hero-center[data-hero="aufzoomen"] h1 span{transform: translate3d(calc(var(--p) * var(--s) * 55vw),0,0);opacity: calc(1 - var(--p) * 1.2)}.hero-center[data-hero="aufzoomen"] .stage-text .sticker{opacity: calc(1 - var(--p) * 2.5)}.hero-center[data-hero="aufzoomen"] .hero-video video{transform: scale(calc(1.02 + var(--p) * .06))} .hero-center[data-hero="tiefe"] .hero-video{transform: translate3d(0,calc(var(--p) * -2vh),0) scale(calc(1 - var(--p) * .2));transform-origin: 50% 30%;filter: brightness(calc(1 - var(--p) * .45)) saturate(calc(1 - var(--p) * .3))}.hero-center[data-hero="tiefe"] .stage-text{transform: translate3d(0,calc(var(--p) * -24vh),0) scale(calc(1 + var(--p) * .16));transform-origin: 50% 100%} .stage-mask{display: none}.hero-center[data-hero="schrift"] :is(.stage-text,.stage-mask){position: absolute;inset: 0;z-index: 2;display: grid;justify-items: center;align-content: end;padding-bottom: 6%;pointer-events: none}.hero-center[data-hero="schrift"] .stage-text{z-index: 3;opacity: calc(1 - var(--p) * 2.2)}.hero-center[data-hero="schrift"] .stage-mask{overflow: hidden;border-radius: clamp(16px,2.2 * var(--u),2rem);background: color-mix(in srgb,var(--navy) calc(var(--p) * 100%),transparent);mix-blend-mode: multiply}.stage-mask p{margin: 0;font: var(--display-w) var(--h1)/calc(.88 + var(--dl)) var(--display);letter-spacing: calc(-.055em * var(--dt));color: #fff;text-align: center}.stage-mask span{display: block;white-space: nowrap}.hero-center[data-hero="schrift"] :is(h1,.stage-mask p){transform: translate3d(0,calc(var(--p) * -14vh),0) scale(calc(1 + var(--p) * .45));transform-origin: 50% 100%}.hero-center[data-hero="schrift"] .hero-video video{transform: scale(calc(1.02 + var(--p) * .1))} .hero-center[data-hero="blende"] .hero-video video{clip-path: circle(calc(75% - var(--p) * 60%) at 50% 42%)}.hero-center[data-hero="blende"] .hero-video::after{opacity: calc(1 - var(--p))}.hero-center[data-hero="blende"] .stage-text{transform: translate3d(0,calc(var(--p) * -20vh),0)}.hero-center[data-hero="blende"] .stage-text .sticker{transform: translate3d(0,calc(var(--p) * -6vh),0) rotate(calc(-3deg + var(--p) * 6deg))}  .hero-center[data-hero="kippen"]{--p: clamp(0,var(--hp) / .28,1)}.hero-center[data-hero="kippen"] .hero-panel{margin-top: 32vh} .hero-center[data-hero="kippen"] .hero-panel{min-height: 0;padding-bottom: clamp(3.6rem,6.5 * var(--u),6rem)}.hero-center[data-hero="kippen"] .stage{opacity: calc(1 - clamp(0,(var(--hp) - .45) / .3,1))}.hero-center[data-hero="kippen"] .stage{perspective: 1600px;perspective-origin: 50% 0%}.hero-center[data-hero="kippen"] .hero-video{transform: rotateX(calc(var(--p) * 42deg)) scale(calc(1 - var(--p) * .08));transform-origin: 50% 100%;filter: brightness(calc(1 - var(--p) * .35))}.hero-center[data-hero="kippen"] .stage-text{transform: translate3d(0,calc(var(--p) * -34vh),0)}@media (prefers-reduced-motion: no-preference){.stage .hero-video{animation: hero-stage 1.2s var(--ease) backwards}.s-hero h1 span{animation: hero-line 1.15s var(--ease) backwards;animation-delay: calc(.25s + var(--i) * .13s)}.stage-text .sticker{animation: hero-pop .8s var(--ease) .7s backwards}.s-hero :is(.lede,.actions,.hero-sub){animation: hero-rise .9s var(--ease) .85s backwards}@keyframes hero-stage{from{opacity: 0;scale: .96}}@keyframes hero-line{from{opacity: 0;translate: 0 .7em}}@keyframes hero-pop{from{opacity: 0;scale: .5}}@keyframes hero-rise{from{opacity: 0;translate: 0 1.2rem}}}@media (prefers-reduced-motion: reduce){.s-hero{--hp: 0 !important}}.trust{display: grid;justify-items: center;gap: 1.1rem;margin-top: clamp(3.6rem,7 * var(--u),6rem)}.trust .logos{width: 100%} .logo-item{flex: none;display: grid;place-items: center}.trust .logos--2{display: none}.trust .logos-track > .logo-item[aria-hidden="true"]{display: grid} .trust[data-logos="doppel"]{gap: clamp(1.4rem,2.4 * var(--u),2.2rem)}.trust[data-logos="doppel"] .logos--2,.trust[data-logos="banderole"] .logos--2{display: block}.trust[data-logos="doppel"] .logos--2 .logos-track,.trust[data-logos="banderole"] .logos--2 .logos-track{animation-direction: reverse;animation-duration: 58s}.trust[data-logos="doppel"] .logos img{height: calc(2.5rem * var(--lh,1));max-width: calc(10.5rem * var(--lw,1));opacity: 1}.trust[data-logos="doppel"] .trust-title{margin-bottom: .4rem} .trust[data-logos="banderole"]{gap: 0;margin-inline: calc(-1 * var(--gutter));padding: 1.6rem 0 2.6rem}.trust[data-logos="banderole"] .logos{-webkit-mask-image: none;mask-image: none;padding: 1.2rem 0;background: var(--navy);--logo: brightness(0) invert(1);transform: rotate(-2.2deg) scale(1.03);box-shadow: 0 14px 30px -18px rgba(10,10,30,.7)}.trust[data-logos="banderole"] .logos--2{margin-top: -1.1rem;background: #fff;--logo: brightness(0);transform: rotate(1.7deg) scale(1.03)}.trust[data-logos="banderole"] .logos img{height: calc(2.1rem * var(--lh,1));opacity: 1} @media (min-width: 801px){.trust[data-logos="banderole"]{padding: 3rem 0 3.6rem}.trust[data-logos="banderole"] .logos{transform: rotate(-3deg) scale(1.03)}.trust[data-logos="banderole"] .logos--2{margin-top: -3.3rem;transform: rotate(2.4deg) scale(1.03)}}.trust[data-logos="banderole"] .trust-title{position: relative;z-index: 2;margin-bottom: -.7rem;padding: .55rem .85rem;border-radius: 6px;background: #fff;color: var(--navy);transform: rotate(-4deg);box-shadow: 4px 4px 0 var(--navy)} .trust:is([data-logos="wand"],[data-logos="sticker"]) .logos{overflow: visible;-webkit-mask-image: none;mask-image: none}.trust:is([data-logos="wand"],[data-logos="sticker"]) .logos-track{width: auto;padding: 0;animation: none}.trust:is([data-logos="wand"],[data-logos="sticker"]) .logos-track > [aria-hidden="true"]{display: none} .trust[data-logos="wand"]{gap: 1.8rem}.trust[data-logos="wand"] .logos-track{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 0;border-top: 1px solid color-mix(in srgb,var(--ink) 24%,transparent);border-left: 1px solid color-mix(in srgb,var(--ink) 24%,transparent)}.trust[data-logos="wand"] .logo-item{height: clamp(5rem,8.4 * var(--u),7.4rem);padding: 0 12%;border-right: 1px solid color-mix(in srgb,var(--ink) 24%,transparent);border-bottom: 1px solid color-mix(in srgb,var(--ink) 24%,transparent);transition: background-color .3s var(--ease)}.trust[data-logos="wand"] .logo-item img{height: calc(clamp(1.7rem,2.6 * var(--u),2.4rem) * var(--lh,1));max-width: 100%;opacity: 1}.trust[data-logos="wand"] .logo-item:hover{background: var(--navy);--logo: brightness(0) invert(1)} .trust[data-logos="sticker"]{gap: 2rem}.trust[data-logos="sticker"] .logos-track{flex-wrap: wrap;justify-content: center;gap: 1.1rem 1.2rem;max-width: 68rem;margin: 0 auto}.trust[data-logos="sticker"] .logo-item{--logo: brightness(0);padding: 1.05rem 1.5rem;border-radius: 14px;background: #fff;box-shadow: 5px 5px 0 var(--navy);transform: rotate(var(--r,-2deg));transition: transform .4s var(--ease),box-shadow .4s var(--ease)}.trust[data-logos="sticker"] .logo-item:nth-child(3n + 2){--r: 1.8deg}.trust[data-logos="sticker"] .logo-item:nth-child(3n){--r: -.8deg}.trust[data-logos="sticker"] .logo-item:nth-child(4n){--r: 2.6deg}.trust[data-logos="sticker"] .logo-item:nth-child(5n){--r: -3deg}.trust[data-logos="sticker"] .logo-item:hover{transform: rotate(0deg) translate(-3px,-3px);box-shadow: 8px 8px 0 var(--navy)}.trust[data-logos="sticker"] .logo-item img{height: calc(1.9rem * var(--lh,1));max-width: calc(7.5rem * var(--lw,1));opacity: 1} .split{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,8fr);gap: clamp(2rem,6 * var(--u),6rem)}.split-head{position: sticky;top: 7.5rem;align-self: start}.split-head h2{font-size: calc((clamp(1.8rem,.8rem + 2 * var(--u),2.8rem)) * var(--ds))} .xp-item{padding: 2.2rem 0;border-top: 1px solid color-mix(in srgb,var(--ink) 18%,transparent);transition: opacity .45s var(--ease)}.xp-item:last-child{border-bottom: 1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.xp-item > div{display: grid;grid-template-columns: 3rem minmax(0,1fr);align-items: baseline}.xp-item .num{grid-row: span 2}.xp-item h3{font-size: calc((clamp(1.35rem,.8rem + 1.5 * var(--u),2.1rem)) * var(--ds))}.xp-item p{grid-column: 2;max-width: 36rem}.xp-item figure{display: none}@media (min-width: 801px){.split--xp .xp-item h3{hyphens: none}} .split--xp.is-live .xp-item:not(.is-active){opacity: .5}  .xp-stage{position: relative;margin-top: clamp(1.8rem,3.2 * var(--u),2.8rem);aspect-ratio: 1 / 1.04;max-height: calc(100svh - 21rem)}.xp-stage figure{position: absolute;inset: 0;overflow: hidden;border-radius: 22px;box-shadow: 8px 8px 0 var(--coral);opacity: 0;transform: rotate(var(--r,2.5deg)) scale(.9) translateY(1.4rem);transition: opacity .4s var(--ease),transform .7s var(--ease)}.xp-stage figure:nth-child(even){--r: -2.5deg}.xp-stage figure.is-active{z-index: 1;opacity: 1;transform: rotate(var(--r,2.5deg))}.xp-stage img{width: 100%;height: 100%;object-fit: cover} .case{--bg: #F3F5F7;--ink: #1A1A2E;--soft: rgba(26,26,46,.72);--btn: #D93553;--btn-ink: #fff;background: var(--bg);color: var(--ink)} .cases-list{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1.3rem}.case{padding: .65rem .65rem 1.2rem;border-radius: 24px;box-shadow: 0 24px 50px -30px rgba(26,26,46,.5)}.case a{display: flex;flex-direction: column;height: 100%}.case figure{aspect-ratio: 1;border-radius: 16px}.case img{object-position: var(--pos,50% 50%)}.case h3{hyphens: none} .case-body{flex: 1;display: flex;flex-direction: column;padding: 0 .55rem}.case-foot{flex: 1;align-items: stretch;padding-bottom: .4rem} .case-foot .text{align-self: flex-start}.case-foot .case-go{align-self: flex-end}.case h3{font-size: calc(1.15rem * var(--ds))}.xp-item .more{grid-column: 2;justify-self: start;margin-top: 1rem;white-space: nowrap} .rail-count{display: none}   .w3{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.4rem}.w3-card{container-type: inline-size;display: flex;flex-direction: column;min-height: 23rem;padding: clamp(1.4rem,2.6 * var(--u),2.3rem);border-radius: 26px;background: var(--bg);color: var(--ink);transform: rotate(var(--r,-1.2deg));transition: transform .5s var(--ease)}.w3-card:nth-child(2){--r: 1deg}.w3-card:nth-child(3){--r: -.6deg;box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--ink) 34%,transparent)}.w3-card:hover{transform: rotate(0deg) translateY(-4px)}.w3-card h3{font-size: min(calc(3.5rem * var(--ds)),16.5cqw);line-height: 1;letter-spacing: calc(-.04em * var(--dt));hyphens: none}.w3-lead{margin-top: 1rem;font: 500 1.12rem/1.42 var(--body)}.w3-points{display: grid;gap: .65rem;margin-top: auto;padding-top: 1.8rem}.w3-points li{display: flex;align-items: center;gap: .7rem;font: 600 1rem/1.25 var(--body)}.w3-points svg{flex: none;width: 1.7rem;height: 1.7rem;padding: .36rem;border-radius: 50%;background: var(--btn);color: var(--btn-ink)} .tl{--dot: 2.7rem;--gap: 1.7rem;position: relative;display: grid;gap: 1.5rem;padding-left: calc(var(--dot) + var(--gap))}.tl::before{content: '';position: absolute;left: calc(var(--dot) / 2 - 1.5px);top: var(--rail-top,2.5rem);width: 3px;height: var(--rail-h,calc(100% - 5rem));border-radius: 3px;background: linear-gradient(var(--ink),var(--ink)) top / 100% calc(var(--fill,0) * 100%) no-repeat,color-mix(in srgb,var(--ink) 22%,transparent)} .tl::after{content: '';position: absolute;left: calc(var(--dot) / 2 - .45rem);top: calc(var(--rail-top,2.5rem) - .45rem);width: .9rem;height: .9rem;border-radius: 50%;background: #fff;box-shadow: 0 0 0 3px var(--ink);transform: translateY(calc(var(--rail-h,0px) * var(--fill,0)));opacity: 0}.tl.is-live::after{opacity: 1}.tl li{position: relative}.tl-dot{position: absolute;z-index: 1;left: calc(-1 * (var(--dot) + var(--gap)));top: 1.15rem;display: grid;place-items: center;width: var(--dot);height: var(--dot);border-radius: 50%;background: var(--bg);box-shadow: inset 0 0 0 2px var(--ink);color: var(--ink);font: 700 .8rem/1 var(--body);letter-spacing: .06em;transition: background-color .35s var(--ease),color .35s var(--ease),transform .5s var(--ease)}.tl li::before{content: '';position: absolute;left: calc(-1 * var(--gap));top: calc(1.15rem + var(--dot) / 2 - 1.5px);width: var(--gap);height: 3px;background: var(--ink);transform: scaleX(0);transform-origin: left;transition: transform .45s var(--ease) .1s} .tl li.is-on .tl-dot{background: var(--ink);color: var(--bg);transform: scale(1.12)}.tl li.is-on::before{transform: scaleX(1)}.tl-card{overflow: hidden;border-radius: 24px;box-shadow: 0 14px 34px -22px rgba(10,10,30,.55)}.tl-body{padding: 1.5rem 1.8rem 2rem} .tl-img{aspect-ratio: 2 / 1;overflow: hidden}.tl-img img{width: 100%;height: 100%;object-fit: cover;object-position: var(--pos,50% 50%)}.tl.is-live .tl-img img{transform: scale(1.12);transition: transform 1.6s var(--ease) .12s}.tl.is-live li.is-seen .tl-img img{transform: none}.tl-card h3{font-size: calc((clamp(1.25rem,.8rem + 1.2 * var(--u),1.8rem)) * var(--ds))}.tl-card p{max-width: 46rem;margin-top: 1.1rem;font: 400 .98rem/1.55 var(--body);color: var(--soft)}.tl.is-live .tl-card{opacity: 0;transform: translateX(2.4rem);transition: opacity .55s var(--ease) .12s,transform .8s var(--ease) .12s}.tl.is-live li.is-seen .tl-card{opacity: 1;transform: none} @media (prefers-reduced-motion: reduce){.tl.is-live .tl-card,.tl.is-live .tl-img img{opacity: 1;transform: none;transition: none}.ab-statement.is-live .w{opacity: 1;transition: none}.tl-dot,.tl li::before{transition: none}}  .voices-wrap{position: relative}.voices{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.3rem}.voices-wrap.is-live .voices{overflow: hidden;transition: max-height .8s var(--ease)}.voices-wrap.is-live:not(.is-open)::after{content: '';position: absolute;inset: auto 0 4.6rem 0;height: 13rem;pointer-events: none;background: linear-gradient(to bottom,color-mix(in srgb,var(--bg) 0%,transparent),var(--bg) 88%)}.voices-more{display: flex;justify-content: center;margin-top: 1.5rem}.voices-wrap:not(.is-live) .voices-more{display: none} .voice-brand{display: flex;flex-wrap: wrap;align-items: center;gap: .9rem 1.3rem;min-height: 2.6rem}.voice-brand img{height: 2.2rem;width: auto;max-width: 10rem;object-fit: contain;object-position: left center;filter: var(--logo)}.voice-brand img.is-small{height: 1.6rem;max-width: 6.5rem}.voice-wordmark{font: var(--display-w) 1.5rem/1 var(--display);letter-spacing: calc(-.03em * var(--dt))}.voice--cta{justify-content: center;align-items: flex-start;gap: 1.2rem}.voice--cta .sticker{margin: 0}.voice--cta h3{font-size: calc(clamp(1.5rem,1rem + 1.2 * var(--u),2.2rem) * var(--ds))}   .ab-statement{max-width: 22ch;font-size: calc(clamp(2.2rem,.9rem + 4.4 * var(--u),5.6rem) * var(--ds));line-height: 1.04;text-wrap: balance}.ab-statement b{color: var(--btn);font-weight: inherit}.ab-statement b.is-num{white-space: nowrap}.ab-statement.is-live .w{opacity: .16;transition: opacity .5s var(--ease)}.ab-statement.is-live .w.is-lit{opacity: 1} .aw{margin-top: clamp(3rem,6 * var(--u),5rem);padding-top: clamp(2.6rem,5 * var(--u),4rem);border-top: 1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.aw-list{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 1.6rem clamp(.6rem,1.6 * var(--u),1.8rem)}  @media (max-width: 900px){.aw-list{--aw-gap: 1rem;display: flex;flex-wrap: wrap;justify-content: center;gap: 1.8rem var(--aw-gap)}.aw-item{width: calc((100% - 2 * var(--aw-gap)) / 3)}.aw-laurel{height: 2.5rem}}@media (max-width: 560px){.aw-item{width: calc((100% - var(--aw-gap)) / 2)}}.aw-item{display: grid;justify-items: center;align-content: start;gap: .8rem;text-align: center}.aw-badge{display: flex;align-items: center;justify-content: center;gap: clamp(.25rem,.6 * var(--u),.5rem)}.aw-laurel{flex: none;width: auto;height: clamp(3rem,4.2 * var(--u),4rem)}.aw-text{display: grid;justify-items: center;gap: .3rem}.aw-status{font: 700 .56rem/1 var(--body);letter-spacing: .14em;text-transform: uppercase;color: #D9A23A} .aw-text b{max-width: 11ch;font: var(--display-w) calc(clamp(.82rem,.66rem + .32 * var(--u),1rem) * var(--ds))/1.08 var(--display);letter-spacing: calc(-.02em * var(--dt));text-wrap: balance}.aw-contest{font: 600 .58rem/1.2 var(--body);letter-spacing: .03em;color: var(--soft)}.aw-badge--medal .aw-status{color: #C9CED6} .aw-badge--logo{flex-direction: column;gap: .5rem}.aw-logo{width: auto;height: clamp(1.7rem,2.3 * var(--u),2.1rem);filter: var(--logo)}.aw-badge--logo .aw-text b{max-width: none;font-size: calc(clamp(.7rem,.6rem + .14 * var(--u),.78rem) * var(--ds))} .aw-item:not(.is-win) .aw-laurel{filter: grayscale(1) brightness(calc(.8 + .9 * var(--logo-inv,1))) contrast(.85)} .aw-item:not(.is-win) .aw-status{color: var(--soft)} .ab-fd{display: grid;grid-template-columns: minmax(0,6fr) minmax(0,5fr);align-items: center;gap: clamp(2.4rem,7 * var(--u),7rem)}.ab-fd-photo{margin: 0}.ab-fd-photo img{display: block;width: 100%;height: auto;aspect-ratio: 3 / 4;object-fit: cover;border-radius: clamp(18px,2.2 * var(--u),2rem)}.ab-fd-copy .sticker{margin-bottom: 2rem}.ab-fd-lead{margin: 0;font: var(--display-w) calc(clamp(1.6rem,1rem + 1.9 * var(--u),2.9rem) * var(--ds))/1.2 var(--display);letter-spacing: calc(-.025em * var(--dt));text-wrap: pretty} .ab-pro-sign{margin-top: 2.2rem}.ab-pro-sign .logo{width: 9.5rem}.ab-fd .actions{margin-top: 2.2rem}.about-center{display: grid;grid-template-columns: minmax(0,1fr);justify-items: center;text-align: center}.about-center .sticker{transform-origin: center}.about-center h2{max-width: min(20ch,100%);font-size: calc((clamp(1.7rem,1rem + 3.3 * var(--u),4.8rem)) * var(--ds))}.about-center .about-text{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 2rem;max-width: 72rem;margin-top: 2.6rem;text-align: left}.about-center .about-text p + p{margin-top: 0}.stats{display: grid;grid-template-columns: repeat(3,auto);gap: clamp(2rem,8 * var(--u),8rem);margin-top: 3.6rem}.stats dd{font-size: clamp(2.2rem,1rem + 3.6 * var(--u),4.6rem);color: var(--btn);white-space: nowrap}.about-note{margin-top: 2.4rem;font: 600 1.1rem/1.45 var(--body)}.about-center .actions{justify-content: center} .contact-grid{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,6fr);align-items: center;gap: clamp(2rem,6 * var(--u),6rem)} .form-thanks{display: grid;justify-items: center;align-content: center;gap: .8rem;min-height: 20rem;padding: 2rem;border-radius: 24px;text-align: center;--bg: #1A1A2E;--ink: #F3F5F7;--soft: rgba(243,245,247,.76);background: var(--bg);color: var(--ink)}.form-thanks[hidden]{display: none}.form-thanks h3{font-size: calc(1.8rem * var(--ds))}.form-thanks p{color: var(--soft)}.form-tick{display: grid;place-items: center;width: 3.6rem;height: 3.6rem;border-radius: 50%;background: rgba(230,65,93,.2);color: #E6415D;font-size: 1.6rem} .cal{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,6fr);align-items: center;gap: clamp(2rem,6 * var(--u),6rem);margin-top: clamp(3rem,6 * var(--u),5rem);padding-top: clamp(2.4rem,4.5 * var(--u),3.6rem);border-top: 1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.cal h3{font-size: calc(clamp(1.6rem,1rem + 1.6 * var(--u),2.6rem) * var(--ds))}.cal-intro p{margin-top: .9rem;font: 500 1.05rem/1.55 var(--body);color: var(--soft)}.cal-frame{display: grid;justify-items: start;gap: .9rem} .cal:has(.cal-frame.is-loaded){grid-template-columns: minmax(0,1fr);align-items: start;gap: 1.6rem}.cal-frame.is-loaded{display: block;min-height: 700px;overflow: hidden;border-radius: 24px;background: #fff}.cal-frame.is-loaded > div,.cal-frame.is-loaded iframe{height: 700px !important}.cal-note{font: 500 .82rem/1.45 var(--body);color: var(--soft)} .contact-checks{display: grid;gap: .8rem;margin-top: 2rem}.contact-checks li{display: flex;align-items: center;gap: .75rem;font: 600 1.05rem/1.3 var(--body)}.contact-checks svg{flex: none;width: 1.75rem;height: 1.75rem;padding: .38rem;border-radius: 50%;background: var(--btn);color: var(--btn-ink)}.contact-text .lede,.contact-text .points span{color: var(--ink)} .home--b .site-footer{border-radius: 2.4rem 2.4rem 0 0}@media (max-width: 1250px){.cases-list{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 1000px){.cases-list{grid-template-columns: repeat(2,minmax(0,1fr))}.voices{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 800px){.s-hero{--top: 4.9rem;--foot: 1rem} .hero-center:is([data-hero="tiefe"],[data-hero="schrift"],[data-hero="blende"],[data-hero="kippen"]){--p: clamp(0,var(--hp) / .3,1)}.hero-center:is([data-hero="aufzoomen"],[data-hero="tiefe"],[data-hero="schrift"],[data-hero="blende"],[data-hero="kippen"]) .hero-panel{margin-top: 0} .hero-center:not([data-hero="jetzt"]) .hero-panel{min-height: 0}.hero-center[data-hero="tiefe"] .stage-text{transform: translate3d(0,calc(var(--p) * -6vh),0) scale(calc(1 + var(--p) * .1))}.hero-center[data-hero="schrift"] :is(h1,.stage-mask p){transform: translate3d(0,calc(var(--p) * -3vh),0) scale(calc(1 + var(--p) * .2))}.hero-center[data-hero="blende"] .stage-text{transform: translate3d(0,calc(var(--p) * -6vh),0)}.hero-center[data-hero="kippen"] .stage-text{transform: translate3d(0,calc(var(--p) * -8vh),0)}.hero-center[data-hero="kippen"]{--p: clamp(0,var(--hp) / .18,1)}.trust[data-logos="wand"] .logos-track{grid-template-columns: repeat(3,minmax(0,1fr))}.trust[data-logos="sticker"] .logos-track{gap: .8rem .7rem}.trust[data-logos="sticker"] .logo-item{padding: .75rem .95rem;border-radius: 11px;box-shadow: 4px 4px 0 var(--navy)}.trust[data-logos="sticker"] .logo-item img{height: calc(1.45rem * var(--lh,1));max-width: calc(5.4rem * var(--lw,1))}.trust[data-logos="doppel"] .logos img{height: calc(2.1rem * var(--lh,1))}.hero-sub{max-width: 26em;margin-top: .45rem;font-size: .875rem}.stage-text .sticker{display: none} .hero-center:not([data-hero="jetzt"]) .hero-panel{border-radius: 1.6rem 1.6rem 0 0}.s-hero h1 span:nth-child(1){--x: -3;--y: 13} .s-hero h1 span:nth-child(2){--x: 2.5;--y: 9}.s-hero h1 span:nth-child(3){--x: -1.5;--y: 5.5}.s-hero .lede{font-size: 1.02rem}.split,.contact-grid,.cal{grid-template-columns: 1fr}.split-head{position: static}.xp-item > div{grid-template-columns: 2.2rem minmax(0,1fr)}.about-center .about-text{grid-template-columns: 1fr;gap: 1rem}.ab-fd{grid-template-columns: minmax(0,1fr)}.ab-fd .ab-fd-photo{order: -1}.stats{gap: 1.1rem}.stats dd{font-size: 1.2rem}.stats dt{font-size: .6rem}.tl{--dot: 2.2rem;--gap: 1rem;gap: 1.1rem}.tl-dot{top: .95rem;font-size: .72rem}.tl li::before{top: calc(.95rem + var(--dot) / 2 - 1.5px)}.tl-body{padding: 1.2rem 1.3rem 1.6rem}.tl-img{aspect-ratio: 16 / 9}.home--b .site-footer{border-radius: 1.6rem 1.6rem 0 0}}@media (max-width: 800px){ .xp-stage{display: none}.w3{grid-template-columns: 1fr}.w3-card{min-height: 0;transform: none}.split--xp.is-live .xp-item:not(.is-active){opacity: 1}.xp-item{display: grid;gap: 1.1rem}.xp-item figure{display: block;aspect-ratio: 16 / 9;transform: rotate(-1.5deg);box-shadow: 5px 5px 0 var(--coral)}.xp-item h3{font-size: calc(1.3rem * var(--ds))}}@media (max-width: 560px){ .cases-list,.voices{columns: auto;display: flex;gap: 1rem;overflow-x: auto;scroll-snap-type: x mandatory;scroll-padding-left: var(--gutter);margin: 0 calc(-1 * var(--gutter));padding: .4rem var(--gutter) 1.2rem;scrollbar-width: none}.cases-list::-webkit-scrollbar,.voices::-webkit-scrollbar{display: none}.case,.voice{flex: none;width: 78vw;scroll-snap-align: start}.voice{margin-bottom: 0} .cases-list .case{width: 84vw;padding: .6rem .6rem 1rem}.cases-list .case h3{font-size: calc(1.25rem * var(--ds))}.cases-list .case .text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: .92rem}.rail-count{display: block;margin-top: .1rem;font: 700 .82rem/1 var(--body);letter-spacing: .06em;font-variant-numeric: tabular-nums} .stage .hero-video{height: var(--stage-h)}}.aw-badge--medal .aw-text b{font-size: calc(clamp(.82rem,.66rem + .32 * var(--u),1rem) * var(--ds))}