:root{--color-white:#fff;--color-lightest:#f9f5ea;--color-lighter:#f3ecda;--color-light-2:#e2dccb;--color-light:#e7d3a3;--color-darkest:#1b1b1b;--color-darker:#24262b;--color-dark:#323232;--color-accent-0:#ff5840;--color-accent-1:#ff7fc4;--box-shadow:0 0 1em color-mix(in srgb,var(--color-darker) 7%,transparent);--font-size--small:0.875rem;--font-size--medium:1rem;--font-size--large:2rem;--font-size--xlarge:3rem}@keyframes turnArrow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spacer-m{height:8vh}.spacer-s{height:4vh}.roundednote{font-family:SweetSuckerPunch,cursive;display:inline-block;width:1.125em;height:1.125em;line-height:1.125em;font-size:1.5em;background:var(--background-color,var(--color-accent-0));color:var(--color,var(--color-white));border-radius:50%;font-weight:400!important}.align-center,.roundednote{text-align:center}.fakeUi__full{width:100%}.align-wide,.fakeUi__full{display:block;margin:0 auto;max-width:1440px}.align-wide{width:86vw}.columns{display:flex;gap:7vw}.columns-left{flex:4}.columns-right{flex:6}@media screen and (max-width:768px){.columns{flex-direction:column}.columns img{width:100%}}.hero-cards .txtintro{margin:0 auto;white-space:nowrap;line-height:51.2px;transform:rotate(-2deg);font-family:SweetSuckerPunch,cursive;font-size:4em;color:var(--color-accent-0)}.cards{display:flex;gap:2em;justify-content:center}@media screen and (max-width:768px){.cards{flex-direction:column;align-items:center;gap:1rem}}.card{display:inline-block;display:flex;flex-direction:column;gap:1em;width:clamp(240px,30%,360px);padding:1.4em;transform-origin:center center}.card *{margin:0}.card-head{display:flex;justify-content:space-between;align-items:center;margin:.25em 0}.card-figure{display:grid;place-items:center;aspect-ratio:1;margin:0}.card-figure img{display:block;width:60%;height:auto}.card-sub{display:flex;justify-content:space-between;align-items:center}.card{background:var(--color-white);color:var(--color-darkest);border-radius:2em;box-shadow:var(--box-shadow)}.card-head{font-size:1.4em}.card-figure{background:var(--background-gradient,linear-gradient(var(--color-accent-0),var(--color-accent-1)));border-radius:1em}.card-sub-title{font-size:.875em;font-weight:500}.card{transition:margin .25s ease-in-out}.card:hover{margin-top:-.5em}.card#card-a{--background-gradient:linear-gradient(45deg,var(--color-accent-0),var(--color-accent-1))}.card#card-b{--background-gradient:linear-gradient(135deg,var(--color-accent-0),var(--color-accent-1))}.card#card-c{--background-gradient:linear-gradient(-45deg,var(--color-accent-0),var(--color-accent-1))}#simple-abc{width:100%;height:clamp(540px,100vh,1080px);background:var(--color-darkest);color:var(--color-lightest)}.matter{position:relative;overflow:hidden}.matter-intro{width:50%;margin:10vh auto;text-align:center}.matter-intro h2{margin:0}.matter-intro p{margin:0;line-height:.9;transform:rotate(-5deg)}.matter-goodbye{position:absolute;top:60%;left:50%;white-space:nowrap;word-break:keep-all;line-height:1.1;transform:translateX(-50%)}.matter-simple{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;gap:.2em;width:100%;transform:translateY(-50%)}.matter-simple .roundednote{--background-color:linear-gradient(270deg,var(--color-accent-0),var(--color-accent-1))}.matter-intro{font-size:3em}.matter-intro h2{font-weight:bolder}.matter-intro p{font-family:SweetSuckerPunch,cursive;font-size:1.5em;color:var(--color-accent-0)}.matter-goodbye{font-weight:bolder;font-size:clamp(3em,12vw,15em);background:linear-gradient(180deg,var(--color-lightest),var(--color-darkest));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.matter-simple{font-weight:bolder;font-size:clamp(3em,8vw,15em)}.matter-simple .roundednote{font-size:.8em}.box{position:absolute!important;top:40%;right:10%;bottom:10%;left:10%;overflow:visible;list-style:none;visibility:visible}.box,.item{padding:0;margin:0}.chip{display:inline-block;padding:.75em 1em;white-space:nowrap;word-break:keep-all;user-select:none;transform:translateZ(0);will-change:transform}.chip:before{content:"⚫︎ ";float:left}.chip{background:var(--color-dark);color:var(--color-lightest);border-radius:.25em;font-size:1em}.chip:before{color:var(--color-accent-0)}.section-wallet .columns-right{aspect-ratio:1;display:flex;align-items:center;justify-content:center}@media screen and (max-width:1024px){.section-wallet .columns-right{aspect-ratio:1}}.section-wallet .columns-right{background:var(--color-lighter);border-radius:.5em}.wallet-cards{aspect-ratio:3/4;width:300px;position:relative;display:flex;justify-content:center}@media screen and (max-width:1024px){.wallet-cards{aspect-ratio:1}}.wallet-cards-front{position:absolute;left:0;right:0;bottom:0;height:45%;z-index:4;display:flex;flex-direction:column;justify-content:flex-end;padding:10%}.wallet-cards{--wallet-gradient:linear-gradient(45deg,var(--color-accent-0),var(--color-accent-0),var(--color-accent-1));background:var(--wallet-gradient);border-radius:2em;box-shadow:var(--box-shadow)}.wallet-cards-front{border-radius:0 0 2em 2em;background:var(--wallet-gradient);font-size:1.5em;line-height:1.5;color:var(--color-white);font-weight:bolder}.wallet-cards-front .roundednote{font-size:1em;margin-right:.25em;--color:var(--color-accent-0);--background-color:var(--color-white)}.wallet-card{position:absolute;width:90%;aspect-ratio:16/9;display:flex;justify-content:space-between;padding:5%;transform-origin:center center}.wallet-card-a{bottom:60%}.wallet-card-b{bottom:45%}.wallet-card-c{bottom:30%}.wallet-card{background:#fff;border-radius:1em;font-size:1em;font-weight:bolder}.wallet-card-a{background-color:var(--color-light)}.wallet-card-b{background-color:var(--color-lighter)}.wallet-card-c{background-color:var(--color-white)}.detail-c{aspect-ratio:4/3;position:relative;display:grid;align-items:center;justify-items:center;overflow:hidden;background:linear-gradient(45deg,#ff4a15,#ff74a1);border-radius:1rem}@media screen and (max-width:1024px){.detail-c{aspect-ratio:1;border-radius:.5rem}}.detail-c-pops{top:50%;display:grid;gap:10px;z-index:3;perspective:800px}.detail-c .pop-1,.detail-c .pop-2,.detail-c-pops{position:absolute;left:50%;transform:translateX(-50%) translateY(-50%)}.detail-c .pop-1,.detail-c .pop-2{display:flex;align-items:center;gap:1rem;padding:1em;white-space:nowrap;transform-style:preserve-3d}.detail-c .pop-1 span.icon,.detail-c .pop-2 span.icon{display:grid;place-items:center;width:2em;height:2em}.detail-c .pop-1 span.icon img,.detail-c .pop-1 span.icon svg,.detail-c .pop-2 span.icon img,.detail-c .pop-2 span.icon svg{display:block;width:1.25em;height:1.25em}.detail-c-form{position:absolute;bottom:-1px;display:inline-block;width:50%}.detail-c-form .form-scan-x,.detail-c-form .form-scan-y{position:absolute;top:0;left:0;right:0;z-index:1;height:100%}.detail-c-form .form-scan-x{opacity:.5}.detail-c-form .hidden-form{position:absolute;top:0;bottom:0;left:0;width:50%;overflow:hidden}.detail-c-form img,.detail-c-form svg{display:block;margin:0}.detail-c-form img.form-1,.detail-c-form svg.form-1{width:100%}.detail-c-form img.form-2,.detail-c-form svg.form-2{position:absolute;width:100%;height:100%;object-fit:cover;object-position:top left}@media screen and (max-width:768px){.wallet-cards{width:70%}.card{width:100%;border-radius:1rem}.detail-c .detail-c-pops{transform:scale(.5)}.section-wallet .columns-right{aspect-ratio:2/3}}.detail-c .pop-1,.detail-c .pop-2{background:var(--color-white);color:var(--color-darkest);border-radius:1rem;font-weight:500;font-size:1.4em;outline:solid 1px var(--color-white);outline-offset:.5rem}.detail-c .pop-1 span.icon,.detail-c .pop-2 span.icon{border-radius:.25em}.detail-c .pop-1 span.icon{background:var(--color-light-2)}.detail-c .pop-1 span.icon img,.detail-c .pop-1 span.icon svg{animation:turnArrow 1s linear infinite}.detail-c .pop-2 span.icon{background:var(--color-accent-0)}.detail-c-form .form-scan-y{background:linear-gradient(to top,var(--color-accent-0),transparent)}.detail-c-form .form-scan-x{background:linear-gradient(to right,transparent,var(--color-accent-0));border-right:1px solid var(--color-accent-0)}.detail-b{aspect-ratio:4/3;overflow:hidden;background:linear-gradient(45deg,#ff6264,#ff7ab4);border-radius:1rem}@media screen and (max-width:1024px){.detail-b{aspect-ratio:1;border-radius:.5rem}}.detail-b-top{display:block;margin:12% auto;text-align:center;white-space:nowrap}.detail-b-top span{padding:.5em 1em}.detail-b .payments-list{all:unset;list-style:none;display:flex;flex-direction:column;align-items:center;gap:3em;width:100%}.detail-b .payments-list li{min-width:70%;display:inline-flex;justify-content:space-between;align-items:center;gap:1em;padding:1.5em}.detail-b .payments-list li .info{flex:1}.detail-b .payments-list li .number{display:flex;align-items:flex-start;line-height:1}.detail-b .payments-list li .number sup{margin-right:.5em;line-height:1.3}.detail-b .payments-list li .flag{display:block;aspect-ratio:1;width:3em}.detail-b .payments-list li .status{position:relative}.detail-b .payments-list li .status>div{display:flex;align-items:center;gap:1em;padding:.5em 1em}.detail-b .payments-list li .status-next{position:absolute;top:0;left:0}.detail-b .payments-list li .status img,.detail-b .payments-list li .status svg{display:block;width:1.25em;height:1.25em}.detail-b .payments-list li .status-default img{animation:turnArrow 1s linear infinite;transform-origin:center}@media screen and (max-width:768px){.detail-b{aspect-ratio:4/3}.detail-b .detail-b-top,.detail-b .payments-list{transform:scale(.5)}}.detail-b-top span{background:color-mix(in srgb,var(--color-darkest) 20%,transparent);border-radius:999px;color:var(--color-white);font-size:1.25em}.detail-b .payments-list li{background:#fff;outline:1px solid #fff;outline-offset:.5rem;border-radius:1em}.detail-b .payments-list li .name{font-size:1rem;opacity:.5;text-transform:uppercase}.detail-b .payments-list li .number{font-size:1.625em}.detail-b .payments-list li .number sup{font-size:1rem}.detail-b .payments-list li .flag{border-radius:50%}.detail-b .payments-list li .status>div{border-radius:.5em}.detail-b .payments-list li .status-default{background:var(--color-light-2)}.detail-b .payments-list li .status-default svg mask{animation:turnArrow 1s linear infinite}.detail-b .payments-list li .status-next{background:linear-gradient(to left,var(--color-accent-0),var(--color-accent-1));color:var(--color-white)}.detail-a{aspect-ratio:4/3;overflow:hidden;display:grid;align-items:center;justify-items:center;background:linear-gradient(45deg,#ff4a15,#ff6264);border-radius:1rem}.detail-a .invoice{position:relative;width:60%;max-width:350px}.detail-a .invoice .svg{width:100%;max-width:100%;height:auto;display:block}.detail-a .title{margin-bottom:1em}.detail-a ul.fields{all:unset;position:absolute;inset:-10%;list-style:none;display:flex;flex-direction:column;justify-content:space-evenly;transform-origin:center center}.detail-a ul.fields li:nth-child(2n){align-self:flex-start}.detail-a ul.fields li:nth-child(odd){align-self:flex-end}.detail-a ul.fields li{position:relative;display:flex;align-items:center;gap:1em;line-height:1.5;white-space:nowrap;word-break:keep-all;padding:.5em 1em}.detail-a ul.fields li label{text-transform:uppercase}.detail-a ul.fields li i{display:grid;place-items:center;aspect-ratio:1;width:2.5em;height:2.5em}.detail-a ul.fields li span{display:block}.detail-a .syncdone{position:absolute;display:flex;align-items:center;gap:1em;padding:1em;border-radius:.625em;font-size:1.6em;outline-offset:0 .3em}.detail-a .syncdone .checkbox{display:grid;place-items:center;width:2em;height:2em;border-radius:.125em}@media screen and (max-width:768px){.detail-a{aspect-ratio:4/3;overflow:hidden;border-radius:.5rem}.detail-a .syncdone,.detail-a ul.fields li{font-size:.5rem!important}}.detail-a .title{font-weight:bolder;font-size:1.5em}.detail-a ul.fields li{background:var(--color-lightest);color:var(--color-darkest);border-radius:.5rem}.detail-a ul.fields li label{font-size:.75em;opacity:.5}.detail-a ul.fields li i{border-radius:.5rem;background:var(--color-accent-0)}.detail-a ul.fields li span{font-size:1.25em;font-weight:500}.detail-a .syncdone{background:var(--color-white);color:var(--color-darkest);font-weight:500;outline:solid 1px var(--color-white)}.detail-a .syncdone .checkbox{background:var(--color-accent-0)}