@font-face{font-family:Paynote;src:url('/paynote-sans.ttf');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#eff0f4;color:#202130;font:17px/1.6 Paynote,Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.05}h1{font-size:clamp(70px,9vw,132px)}h2{font-size:49px}a{color:inherit;text-underline-offset:5px}.wrap{width:min(1240px,calc(100% - 100px));margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:35px;font-weight:650;letter-spacing:-1.8px;text-decoration:none}nav{display:flex;align-items:center;gap:35px}nav a{text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.button{background:#202130;color:white;padding:16px 25px;border:0;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;font-weight:600;font-size:16px;text-decoration:none;line-height:1.3}.button.light{background:#dadce8;color:#202130}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #777ca0;outline-offset:5px}.hero{position:relative;padding:65px 0 90px;min-height:700px}.hero h1{position:relative;z-index:1}.hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:25px;margin-top:35px}.hero-bottom p{font-size:25px;color:#5e6375}.note-art{position:absolute;right:0;top:90px;width:43%;height:430px;background:#252738;overflow:hidden;border-radius:12px;color:#dadce8;padding:50px;transform:rotate(-2deg)}.note-art strong{position:absolute;bottom:50px;right:50px;font-size:66px;font-weight:500;letter-spacing:-3px}.note-lines i{display:block;background:#dadce8;height:15px;width:70%;margin-bottom:22px}.note-lines i:nth-child(2){width:53%}.note-lines i:nth-child(3){width:34%}.ticket-notch{position:absolute;top:200px;width:65px;height:65px;background:#eff0f4;border-radius:50%}.ticket-notch.left{left:-33px}.ticket-notch.right{right:-33px}.intro,.journey,.faq{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:75px 0}.intro p,.direct p{font-size:21px;color:#5e6375;margin-bottom:22px}.journey{padding-top:40px}.journey>div p{font-size:21px;color:#5e6375;margin-top:25px}.journey ol{list-style:none;margin:0;padding:0;counter-reset:step}.journey li{margin-bottom:35px;position:relative;padding-left:54px;counter-increment:step}.journey li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;font-size:18px;color:#777ca0}.journey b{font-size:25px;font-weight:500}.journey li p{font-size:19px;color:#5e6375;margin-top:12px}.direct{background:#252738;color:#fff;padding:80px 0}.direct .wrap{display:grid;grid-template-columns:1fr 1fr;gap:100px}.direct p{color:#c2c5d1}.direct .button{margin-top:15px}.faq details{padding-bottom:27px}.faq summary{font-size:23px;cursor:pointer;list-style:none}.faq summary:after{content:'+';float:right}.faq details[open] summary:after{content:'−'}.faq p{font-size:18px;color:#5e6375;margin-top:15px}.closing{display:flex;justify-content:space-between;align-items:center;padding:30px 0 90px}footer{padding:30px 0 45px;display:flex;align-items:center;justify-content:space-between;color:#5e6375}footer nav{font-size:15px}.app{padding:40px 0 80px;min-height:75vh}.app h1{font-size:65px}.app-head p{margin-top:20px;color:#5e6375;font-size:16px}.tabs{display:flex;gap:35px;margin:35px 0}.tabs button{border:0;background:none;color:#5e6375;padding:10px 0;font-size:17px;border-bottom:2px solid transparent}.tabs button[aria-pressed=true]{color:#202130;border-bottom-color:#202130}.form-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px}.form-grid aside{padding:30px 35px;background:#e1e3eb;align-self:start;border-radius:8px}.form-grid aside h2{font-size:35px}.form-grid aside p{font-size:18px;color:#5e6375;margin-top:20px}label{display:block;color:#5e6375;font-size:15px;margin-bottom:25px}label span{color:#777ca0}input{display:block;width:100%;padding:17px;background:white;border:1px solid #b6bacb;border-radius:5px;font-size:17px;color:#202130;margin-top:10px;min-width:0}.status{padding:18px 22px;background:#e0e4f2;overflow-wrap:anywhere;margin:25px 0}.status.error{color:#842f20;background:#f9e6e1}.share{padding:35px;background:white;border-radius:8px;margin-top:40px}.share h2{font-size:35px;margin-bottom:28px}.actions{display:flex;gap:25px;align-items:center}.text-button{border:0;background:none;color:inherit;padding:8px;text-decoration:underline;text-underline-offset:5px}.payment{display:grid;grid-template-columns:1fr 1fr;background:white;margin-top:35px;padding:40px;gap:60px;border-radius:8px}.payment-main>p{color:#5e6375;font-size:18px}.payment h2{font-size:65px;margin:23px 0;overflow-wrap:anywhere}.payment h2 small{font-size:28px;color:#5e6375}.payment label{margin-top:28px}.payment label a{display:block;overflow-wrap:anywhere;margin-top:10px;color:#202130;font-size:16px}.payment-actions>p{font-size:16px;color:#5e6375;margin:23px 0 40px}.muted{font-size:14px!important;color:#777ca0!important}.docs{max-width:860px;padding:40px 0 75px}.docs h1{font-size:74px}.docs .lead{font-size:25px;color:#202130;margin:35px 0 45px}.docs h2{font-size:32px;margin:40px 0 20px}.docs p{font-size:19px;color:#5e6375;margin-bottom:20px}dialog{width:min(650px,calc(100% - 30px));background:#eff0f4;color:#202130;border:0;border-radius:9px;padding:38px}dialog::backdrop{background:#202130b0}dialog h2{font-size:36px}dialog p{font-size:17px;color:#5e6375;margin:23px 0}.address{overflow-wrap:anywhere}.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px}[hidden]{display:none!important}
@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.intro,.journey,.faq,.direct .wrap{gap:55px}.note-art{width:43%;padding:35px;height:380px;top:110px}.note-art strong{right:35px;bottom:35px;font-size:53px}.hero{min-height:650px}.form-grid{gap:50px}.payment{padding:30px;gap:35px}}@media(max-width:750px){.wrap{width:calc(100% - 40px)}header{height:90px}nav{gap:20px}.brand{font-size:30px}.hero{padding:35px 0 45px;min-height:0}.hero h1{font-size:82px}.hero-bottom p{font-size:23px}.note-art{position:relative;width:100%;height:300px;top:auto;margin-top:55px;transform:none;padding:35px}.ticket-notch{top:135px}.note-art strong{font-size:60px}.intro,.journey,.faq,.direct .wrap{grid-template-columns:1fr;gap:30px;padding:50px 0}.direct{padding:5px 0}.intro p,.direct p{font-size:19px}.journey li{padding-left:45px}.journey li p{font-size:18px}.closing{display:block;padding:25px 0 55px}.closing .button{margin-top:28px}h2{font-size:40px}.form-grid,.payment{grid-template-columns:1fr;gap:30px}.app h1{font-size:49px}.form-grid aside{padding:26px}.payment{padding:25px}.payment h2{font-size:55px}.share{padding:25px}.docs h1{font-size:54px}.docs .lead{font-size:23px}.actions{gap:15px;flex-wrap:wrap}footer{align-items:flex-start}footer nav{flex-direction:column;align-items:flex-end;gap:12px}dialog{padding:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
.hero{text-align:center;padding-top:65px;padding-bottom:75px;min-height:0}.hero h1{font-size:clamp(65px,7.8vw,112px)}.hero h1 br{display:none}.hero-bottom{align-items:center;margin-top:30px}.hero-bottom p{font-size:23px}.note-art{position:relative;right:auto;top:auto;width:100%;height:225px;margin-top:60px;padding:42px;transform:none;text-align:left}.note-lines i{width:28%;height:11px;margin-bottom:18px}.note-lines i:nth-child(2){width:20%}.note-lines i:nth-child(3){width:13%}.note-art strong{right:65px;bottom:60px;font-size:70px}.ticket-notch{top:80px}@media(max-width:750px){.hero{padding-top:35px;padding-bottom:40px}.hero h1{font-size:72px}.hero h1 br{display:block}.hero-bottom p{font-size:22px}.note-art{height:180px;padding:32px;margin-top:40px}.note-art strong{font-size:48px;bottom:55px;right:35px}.ticket-notch{top:58px}.note-lines i{width:38%;height:9px}.note-lines i:nth-child(2){width:29%}.note-lines i:nth-child(3){width:20%}}
.payment-main{min-width:0;container-type:inline-size}.payment h2 span{display:block;white-space:nowrap;overflow-x:auto;font-variant-numeric:tabular-nums;font-size:clamp(15px,calc(150cqw / var(--amount-chars,8)),65px);letter-spacing:-.02em;line-height:1.2}.payment h2 small{display:block;margin-top:10px;font-size:24px}
@media(max-width:750px){header{gap:18px}.brand{font-size:27px;white-space:nowrap}header nav{gap:14px;min-width:0}header .button{font-size:14px;padding:12px;white-space:nowrap}header nav>a:not(.button){font-size:15px}.note-art strong{right:45px}}