/* Brand and product content only. Layout, breakpoints and animation styles
   come directly from the supplied FacilPay export. */
@font-face{font-family:'Plus Jakarta Sans';src:url('/fonts/jakarta-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
html{overflow-x:clip}
.nav-logo{width:8.3rem}
.nav-logo img{width:100%;height:auto}
.v-footer-logo{width:11rem;height:auto}
.v-button{height:4.2rem;display:flex;align-items:center;justify-content:center;gap:.7rem;color:#fff;text-decoration:none;padding:.35rem .7rem}
.v-button>img{width:2.3rem;height:2.3rem;flex-shrink:0;border-radius:.6rem}
.v-button span{font-size:1.2rem;line-height:1.1;font-weight:500;white-space:nowrap}
.v-button small{display:block;font-size:.58rem;line-height:1.3;font-weight:400;margin-bottom:.2rem;color:#c9c9c9}
.v-button .v-button-arrow{font-size:2.7rem;font-weight:400}
.hero-phone-island{container-type:inline-size}
.v-island{position:absolute;left:26.5%;top:52%;width:54.5%;height:20.5%;background:#000;border-radius:100rem;display:flex;align-items:center;gap:5%;padding:3% 5%;color:#fff;font-size:2.4cqw;line-height:1.2}
.v-island>img{width:16%;height:auto;border-radius:30%}
.v-island>span{flex:1}.v-island small{display:block;font-size:.7em;color:#a3a3a3;margin-bottom:.3em}.v-island>b{color:#55c2ff;font-weight:400;font-size:1.7em}
.v-skip{position:fixed;z-index:100000;top:12px;left:12px;transform:translateY(-200%);background:white;color:#080808;padding:12px 18px;border-radius:8px;font-size:14px}
.v-skip:focus{transform:none}
a:focus-visible{outline:2px solid #55c2ff;outline-offset:5px}
.locale-link{display:inline-flex;align-items:center;min-height:24px}
.locale-link[aria-current=page]{color:white}
.footer-mail-2{font-size:4rem}
/* Translated labels retain the source's anchors without overlapping the phone. */
.hero-tag.left-s:lang(fr),.hero-tag.left-s:lang(de),.hero-tag.left-s:lang(it),.hero-tag.left-s:lang(en){font-size:15rem;left:-29rem}
.hero-tag.down-s:lang(de),.hero-tag.down-s:lang(en){font-size:15rem}
@media(max-width:479px){
 .nav-logo{width:26rem}.v-footer-logo{width:32rem}
 .v-button{height:14rem;padding:1rem 2rem;gap:2rem}
 .v-button>img{width:8rem;height:8rem;border-radius:2rem}
 .v-button span{font-size:4.2rem}.v-button small{font-size:2.1rem;margin-bottom:.7rem}.v-button .v-button-arrow{font-size:8rem}
 .locale-item{padding-inline:1.5rem}.locale-link{font-size:3.2rem}
 .footer-mail-2{font-size:7.5rem}
 .hero-tag.left-s:lang(fr),.hero-tag.left-s:lang(de),.hero-tag.left-s:lang(it),.hero-tag.left-s:lang(en){font-size:19.2rem;left:0}
 .hero-tag.down-s:lang(de),.hero-tag.down-s:lang(en){font-size:13.5rem}
}
/* The source is scroll-driven. Offer a readable static layout when motion is
   reduced or scripting is unavailable instead of leaving pinned/hidden scenes. */
html.v-static .preloader,html.v-static .hero-grid-height{display:none!important}
html.v-static .hero-sc{transform:none!important}
html.v-static .hero-height,html.v-static .hero-subheight,html.v-static .hero-sticky{height:900px!important;position:relative!important}
html.v-static .hero-scale-block{height:650px!important;top:100px!important;opacity:1!important;transform:none!important}
html.v-static .hero-text-wrapper{top:200px!important;opacity:1!important;transform:none!important}
html.v-static .hero-tags,html.v-static .hero-subtitile,html.v-static .hero-phone-screen{display:none!important}
html.v-static .benefits-subheight,html.v-static .benefits-height,html.v-static .benefits-sticky,html.v-static .wallet-heitght,html.v-static .wallet-subheight,html.v-static .wallet-sticky{height:auto!important;position:relative!important}
html.v-static .benefits-s{padding-block:80px;display:flex;gap:20px;align-items:stretch;transform:none!important}
html.v-static .benefits-card{position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;flex:1}
html.v-static .wallet-sc{padding-block:70px}
html.v-static .wallet-s{min-height:650px}
html.v-static .wallet-content,html.v-static .wallet-area{transform:none!important;opacity:1!important}
html.v-static [view-item]{transform:none!important;opacity:1!important}
@media(max-width:767px){html.v-static .benefits-s{flex-direction:column}html.v-static .benefits-card{width:100%!important;min-height:400px}html.v-static .hero-text-wrapper{top:80px!important}html.v-static .hero-scale-block{top:320px!important;height:500px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The original mobile preview is a bitmap until scroll. Our vector preview must
   be laid out from the start so SVG text is measured at its actual width. */
@media(max-width:479px){
 .hero-phone-screen.mobile{display:block!important}
 .hero-phone-screen.false-p{display:none!important}
}
/* Keep localized button labels inside the original badge dimensions. */
.v-button span{font-size:1.1rem}
.v-button small{font-size:.55rem}
@media(max-width:479px){
 .v-button span{font-size:3.5rem}
 .v-button span:lang(de){font-size:3.2rem}
 .v-button small{font-size:1.8rem}
 .v-button .v-button-arrow{font-size:8rem}
}
html.v-static [data-particles]{display:none!important}