#payment{--ink:#2D2B29;--brown:#65584D;--line:#D8D1C8;--paper:#F7F5F1;--white:#fff;--muted:#9D9387;--taupe:#DAD2C6;--head:'Tenor Sans',Georgia,serif;--body:'Manrope',Arial,sans-serif}
#payment *{box-sizing:border-box}
#payment{scroll-behavior:smooth}
#payment{margin:0;background:#E9E6E0;color:var(--ink);font:400 13px/1.65 var(--body);-webkit-font-smoothing:antialiased}
#payment button,#payment input{font:inherit}
#payment button{cursor:pointer}
#payment button:focus-visible,#payment a:focus-visible,#payment input:focus-visible{outline:2px solid var(--line);outline-offset:3px}
#payment a{color:inherit;text-decoration:none}
#payment h1,#payment h2,#payment h3,#payment h4,#payment p{margin:0}
#payment img{display:block;width:100%;height:100%;object-fit:cover}
#payment .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
#payment .serif{font-family:var(--head);font-weight:400}
#payment .muted{color:var(--brown)}
#payment .rule{height:1px;background:#cbc3b9}
#payment .arrow-link{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:10px 0 11px;border-bottom:1px solid currentColor;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;transition:gap .2s}
#payment .arrow-link:hover{gap:38px}
#payment .arrow-link .arr{font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:.8}
#payment .imgwrap{overflow:hidden;background:var(--taupe)}
#payment .imgwrap img{transition:transform .55s ease}
#payment .imgwrap:hover img{transform:scale(1.035)}
#payment .toolbar{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:rgba(247,245,241,.975);backdrop-filter:blur(14px)}
#payment .toolbar-in{max-width:1480px;margin:auto;padding:13px 35px;display:flex;gap:20px;justify-content:space-between;align-items:center}
#payment .logo{font:400 23px/1 'Marcellus',serif;letter-spacing:.04em;white-space:nowrap}
#payment .logo small{display:block;font:600 8px/1.5 var(--body);letter-spacing:.17em;color:var(--brown);margin-top:5px}
#payment .toolbar-right{display:flex;align-items:center;gap:26px}
#payment .tool-mark{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brown)}
#payment .screen-switch{border:1px solid var(--line);display:flex;align-items:stretch}
#payment .screen-switch button{padding:9px 13px;min-width:100px;border:0;background:transparent;color:var(--brown);font-size:11px;display:flex;justify-content:center;gap:9px;align-items:center}
#payment .screen-switch button+button{border-left:1px solid var(--line)}
#payment .screen-switch button[aria-pressed='true']{background:var(--ink);color:#fff}
#payment .screen-switch svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#payment .intro{max-width:1480px;margin:auto;padding:48px 35px 22px;display:flex;gap:35px;justify-content:space-between;align-items:end}
#payment .intro h1{font:400 clamp(37px,4.2vw,57px)/1.12 var(--head);letter-spacing:-.037em;margin:12px 0 0}
#payment .intro p{font-size:12px;color:var(--brown);max-width:368px;line-height:1.85}
#payment .jump{max-width:1480px;margin:0 auto 38px;padding:0 35px;display:flex;gap:8px;flex-wrap:wrap}
#payment .jump a{display:inline-flex;gap:8px;padding:10px 12px;border:1px solid var(--line);font-size:11px;color:var(--brown);background:#efece6}
#payment .jump a:hover,#payment .jump a:focus-visible{background:var(--ink);color:#fff}
#payment .jump a span{color:#999083}
#payment .jump a:hover span{color:#ded6cc}
#payment .variation{max-width:1480px;margin:0 auto 78px;padding:0 35px;scroll-margin-top:105px}
#payment .variation-label{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:0 0 16px;padding-bottom:17px;border-bottom:1px solid var(--line)}
#payment .variation-label .v-name{display:flex;gap:20px;align-items:baseline}
#payment .variation-label .v-id{font:400 41px/1 var(--head);color:#9f9488}
#payment .variation-label h2{font:400 23px/1.3 var(--head)}
#payment .variation-label p{font-size:11px;color:var(--brown);max-width:470px;text-align:right}
#payment .stage{width:100%;margin:0 auto;transition:width .3s cubic-bezier(.2,.7,.2,1)}
#payment .stage.phone{width:min(390px,100%)}
#payment .mock{container:nf-payment / inline-size;overflow:hidden;background:var(--paper);box-shadow:0 12px 38px #403a3020}
#payment .block{font-family:var(--body);color:var(--ink)}
#payment .block h2,#payment .block h3{font-family:var(--head);font-weight:400;letter-spacing:-.04em}
#payment .block h2{font-size:clamp(32px,4vw,63px);line-height:1.17}
#payment .block p{font-size:12px;line-height:1.86;color:var(--brown)}
#payment .block .eyebrow{color:var(--brown)}
#payment .block .light{color:#f4f0ea}
#payment .block .light p,#payment .block .light .eyebrow{color:#e7ded4}
#payment .demo-note{font-size:9px;color:#81776c;line-height:1.75}
#payment .footer{max-width:1480px;margin:auto;padding:0 35px 45px;display:flex;justify-content:space-between;gap:35px;color:#7a7167;font-size:10px}
#payment .footer .tiny{letter-spacing:.15em;text-transform:uppercase;font-weight:600}
#payment .p1{padding:60px 5.5% 55px;background:var(--paper)}
#payment .p1-top{display:grid;grid-template-columns:1.1fr .65fr;align-items:end;gap:40px}
#payment .p1-top h2{margin:13px 0 0;max-width:690px}
#payment .p1-top .aside{max-width:290px;justify-self:end;padding:0 0 8px}
#payment .p1-steps{display:grid;grid-template-columns:repeat(3,1fr);position:relative;gap:26px;margin:56px 0 38px}
#payment .p1-steps:before{content:'';position:absolute;z-index:0;left:0;right:0;top:7px;background:#b7aa9b;height:1px}
#payment .p1-step{position:relative;z-index:1;padding-top:26px}
#payment .p1-step:before{content:'';position:absolute;top:2px;left:0;width:10px;height:10px;background:var(--ink);outline:7px solid var(--paper)}
#payment .p1-step:nth-child(2):before{background:var(--taupe);border:1px solid var(--ink)}
#payment .p1-step:nth-child(3):before{background:var(--paper);border:1px solid var(--ink)}
#payment .p1-step .count{font-size:9px;color:#8c8379;font-weight:600;letter-spacing:.1em}
#payment .p1-step .big{font:400 clamp(68px,9cqw,116px)/1.05 var(--head);letter-spacing:-.065em;margin:17px 0 14px}
#payment .p1-step .big span{font-size:.48em;vertical-align:top;line-height:1.7;margin-left:3px}
#payment .p1-step h3{font:400 21px/1.32 var(--head);letter-spacing:-.02em;padding-top:18px;border-top:1px solid var(--line)}
#payment .p1-step p{margin-top:10px;max-width:250px;font-size:11px}
#payment .p1-bottom{display:grid;grid-template-columns:.8fr 1.3fr;min-height:220px}
#payment .p1-photo{min-height:220px}
#payment .p1-bottom-panel{background:var(--ink);color:#fff;padding:32px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:17px}
#payment .p1-bottom-panel .eyebrow{color:#cac2b7}
#payment .p1-price{font:400 clamp(27px,3.8cqw,44px)/1.2 var(--head)}
#payment .p1-price span{font:400 12px var(--body);letter-spacing:.12em}
#payment .p1-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
#payment .p1-bottom-panel .arrow-link{color:white;white-space:nowrap}
#payment .p2{background:var(--paper);display:grid;grid-template-columns:.92fr 1.08fr;min-height:620px}
#payment .p2-left{background:var(--ink);color:#fff;display:flex;flex-direction:column}
#payment .p2-photo{height:310px;flex-shrink:0}
#payment .p2-left-inner{padding:40px 9% 36px;display:flex;flex-direction:column;flex:1;justify-content:space-between}
#payment .p2-left .eyebrow{color:#bdb5aa}
#payment .p2-left h2{font:400 clamp(34px,4.7cqw,59px)/1.17 var(--head);margin:14px 0 23px}
#payment .p2-left p{color:#d3cdc5;max-width:340px}
#payment .p2-left-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding-top:20px}
#payment .p2-left-footer .arrow-link{color:white}
#payment .p2-right{padding:57px 9% 42px;background:var(--paper)}
#payment .p2-right-intro{margin-bottom:30px}
#payment .p2-right-intro h3{font-size:clamp(32px,3.5cqw,46px);line-height:1.17;margin:15px 0}
#payment .p2-row{display:grid;grid-template-columns:92px 1fr auto;gap:20px;border-top:1px solid var(--line);padding:19px 0;align-items:center}
#payment .p2-row:last-of-type{border-bottom:1px solid var(--line)}
#payment .p2-row .pct{font:400 47px/.95 var(--head);letter-spacing:-.055em}
#payment .p2-row .pct span{font-size:21px}
#payment .p2-row strong{font-size:12px;font-weight:600}
#payment .p2-row p{font-size:10px;margin-top:5px}
#payment .p2-row .sum{text-align:right;font-size:10px;color:var(--brown);white-space:nowrap}
#payment .p2-summary{display:flex;justify-content:space-between;gap:18px;align-items:baseline;margin-top:31px}
#payment .p2-summary .number{font:400 31px var(--head)}
#payment .p2-note{margin-top:9px}
#payment .p3{background:#fff}
#payment .p3-hero{height:525px;position:relative;overflow:hidden;background:#686052}
#payment .p3-hero img{position:absolute;inset:0;filter:brightness(.7) saturate(.86);object-position:center 40%}
#payment .p3-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#22201ebd,transparent 68%),linear-gradient(0deg,#191816a8,transparent 56%)}
#payment .p3-hero-inner{position:absolute;z-index:1;inset:0;padding:48px 5.7%;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
#payment .p3-hero-inner .eyebrow{color:#ebe5dd}
#payment .p3-hero-bottom{display:grid;grid-template-columns:1fr 230px;gap:50px;align-items:end}
#payment .p3-hero h2{font-size:clamp(39px,5.5cqw,77px);max-width:620px;line-height:1.14;color:white}
#payment .p3-hero-inner p{color:#eee9e0;max-width:230px;font-size:12px}
#payment .p3-progress{padding:34px 5.7% 22px}
#payment .p3-topline{display:flex;justify-content:space-between;gap:25px;align-items:baseline;margin-bottom:25px}
#payment .p3-topline h3{font:400 27px var(--head)}
#payment .p3-topline .demo-note{max-width:350px}
#payment .p3-bar{width:100%;height:13px;display:flex;gap:3px;margin-bottom:19px}
#payment .p3-bar span:nth-child(1){width:20%;background:#b4aa9e}
#payment .p3-bar span:nth-child(2){width:50%;background:#65584D}
#payment .p3-bar span:nth-child(3){width:30%;background:#2D2B29}
#payment .p3-barlabels{display:grid;grid-template-columns:20fr 50fr 30fr}
#payment .p3-barlabels>div{padding-right:12px}
#payment .p3-barlabels strong{font:400 24px var(--head);display:block}
#payment .p3-barlabels span{font-size:10px;color:var(--brown)}
#payment .p3-milestones{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:35px 5.7% 40px}
#payment .p3-milestones>div{border-top:1px solid var(--line);padding:16px 14px 0 0;min-height:116px}
#payment .p3-milestones>div+div{padding-left:14px;border-left:1px solid var(--line)}
#payment .p3-milestones .idx{font-size:9px;color:#8d8176;letter-spacing:.16em}
#payment .p3-milestones b{font:400 31px/1.2 var(--head);display:block;margin:9px 0 7px}
#payment .p3-milestones p{font-size:10px}
#payment .p4{padding:62px 5.3% 53px;background:var(--surface)}
#payment .p4-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:33px}
#payment .p4-title h2{margin-top:14px;max-width:675px}
#payment .p4-title p{max-width:260px}
#payment .p4-content{display:grid;grid-template-columns:1.8fr .8fr;gap:34px;align-items:stretch}
#payment .p4-table{border-top:1px solid var(--line);min-width:0}
#payment .p4-thead,#payment .p4-row{display:grid;grid-template-columns:52px minmax(0,1fr) 80px 132px;gap:12px;align-items:center}
#payment .p4-thead{font-size:9px;color:#867a6d;letter-spacing:.13em;text-transform:uppercase;padding:12px 0 14px}
#payment .p4-row{border-top:1px solid var(--line);padding:13px 0;min-height:60px}
#payment .p4-row:last-of-type{border-bottom:1px solid var(--line)}
#payment .p4-row .id{color:#9a8d80;font:400 13px var(--head)}
#payment .p4-row .event strong{font-weight:600;font-size:11px;display:block}
#payment .p4-row .event span{display:block;color:#897c6d;font-size:10px;margin-top:2px}
#payment .p4-row .pct{font:400 24px/1 var(--head);letter-spacing:-.03em}
#payment .p4-row .money{text-align:right;white-space:nowrap;font-weight:600;font-size:11px}
#payment .p4-total{border-top:1px solid var(--line);margin-top:2px;display:flex;justify-content:space-between;gap:12px;padding:19px 0;align-items:center}
#payment .p4-total strong{font:400 32px var(--head)}
#payment .p4-photo-side{display:flex;flex-direction:column;min-width:0}
#payment .p4-photo-side .imgwrap{min-height:475px;flex:1}
#payment .p4-photo-caption{padding:14px 0 0;display:flex;justify-content:space-between;gap:17px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--brown)}
#payment .p4-foot{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);margin-top:30px;padding-top:17px}
#payment .p4-foot .demo-note{max-width:700px}
#payment .p4-foot button{background:transparent;border:0;padding:0;white-space:nowrap;color:var(--ink)}
#payment .p5{background:var(--paper);padding:61px 5.3% 51px}
#payment .p5-top{display:flex;gap:40px;align-items:end;justify-content:space-between;margin-bottom:34px}
#payment .p5-top h2{max-width:670px;margin-top:14px}
#payment .p5-top p{max-width:290px}
#payment .p5-columns{display:grid;grid-template-columns:.88fr 1.12fr;gap:0;align-items:stretch;min-height:574px}
#payment .p5-edit{background:var(--surface);padding:30px 36px 28px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
#payment .p5-img{height:174px;margin-bottom:26px}
#payment .p5-edit .eyebrow{margin-bottom:13px}
#payment .p5-price{font:400 clamp(29px,3.9cqw,49px)/1.1 var(--head);letter-spacing:-.035em;white-space:nowrap}
#payment .p5-price span{font:400 12px var(--body);letter-spacing:.13em}
#payment .p5-range{width:100%;accent-color:#2D2B29;appearance:none;-webkit-appearance:none;background:#bcb2a5;height:2px;cursor:pointer;margin:27px 0 20px}
#payment .p5-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:0;background:var(--ink);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--ink)}
#payment .p5-range::-moz-range-thumb{width:11px;height:11px;border-radius:0;background:var(--ink);border:2px solid var(--paper)}
#payment .p5-range-end{display:flex;justify-content:space-between;font-size:9px;color:var(--brown);margin-top:-10px}
#payment .p5-presets{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 23px}
#payment .p5-presets button{border:1px solid var(--line);background:transparent;color:var(--brown);padding:8px 11px;font-size:10px}
#payment .p5-presets button[aria-pressed='true']{background:var(--ink);color:white;border-color:var(--ink)}
#payment .p5-edit .demo-note{border-top:1px solid var(--line);padding-top:16px}
#payment .p5-results{background:var(--ink);padding:38px 7% 29px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
#payment .p5-results .eyebrow{color:#d1c8bd}
#payment .p5-result-title{font:400 32px/1.2 var(--head);margin:13px 0 26px}
#payment .p5-pay-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}
#payment .p5-pay-row:nth-last-child(1){border-bottom:1px solid var(--line)}
#payment .p5-pay-row .pct{font:400 34px/1 var(--head)}
#payment .p5-pay-row .meta strong{font-size:11px;display:block;font-weight:600}
#payment .p5-pay-row .meta span{font-size:9px;color:#c6bdb1;display:block;margin-top:4px}
#payment .p5-pay-row .amount{font:400 clamp(18px,2.2cqw,27px)/1.2 var(--head);text-align:right;white-space:nowrap}
#payment .p5-pay-row .amount small{display:block;font:500 9px var(--body);letter-spacing:.12em;color:#c6bdb1;margin-bottom:7px}
#payment .p5-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:22px;align-items:end;justify-content:space-between}
#payment .p5-bottom .demo-note{color:#bbb0a4;max-width:230px}
#payment .p5-bottom button{color:white;background:transparent;border:0;white-space:nowrap}
#payment .p5-bottom .arrow-link{padding-top:4px}
#payment .p5-totals{height:7px;display:flex;gap:3px;margin:25px 0 5px}
#payment .p5-totals span:nth-child(1){width:20%;background:#c1b3a3}
#payment .p5-totals span:nth-child(2){width:50%;background:#907d68}
#payment .p5-totals span:nth-child(3){width:30%;background:#f0e9df}
@container nf-payment (max-width:790px){#payment .block h2{font-size:clamp(34px,6cqw,48px)}
#payment .p1{padding:38px 30px}
#payment .p1-top{grid-template-columns:1fr;gap:15px}
#payment .p1-top .aside{justify-self:start;max-width:440px}
#payment .p1-steps{gap:14px;margin-top:36px}
#payment .p1-step .big{font-size:65px}
#payment .p1-step h3{font-size:17px}
#payment .p1-bottom{grid-template-columns:.68fr 1fr}
#payment .p1-bottom-panel{padding:27px}
#payment .p1-bottom-row{align-items:start;flex-direction:column}
#payment .p1-bottom-panel .arrow-link{white-space:normal}
#payment .p2{grid-template-columns:1fr 1fr}
#payment .p2-left-inner{padding:25px}
#payment .p2-right{padding:30px}
#payment .p2-row{grid-template-columns:70px 1fr;gap:12px}
#payment .p2-row .pct{font-size:39px}
#payment .p2-row .sum{grid-column:2;text-align:left;margin-top:-8px}
#payment .p2-photo{height:210px}
#payment .p2-left h2{font-size:36px}
#payment .p3-hero{height:450px}
#payment .p3-hero-bottom{grid-template-columns:1fr;gap:16px}
#payment .p3-hero h2{max-width:520px}
#payment .p3-hero-inner{padding:35px}
#payment .p3-milestones{grid-template-columns:repeat(5,1fr)}
#payment .p3-milestones>div{padding:14px 7px}
#payment .p3-milestones b{font-size:25px}
#payment .p4{padding:37px 30px}
#payment .p4-content{grid-template-columns:1fr}
#payment .p4-photo-side{display:none}
#payment .p4-title p{max-width:190px}
#payment .p4-thead,#payment .p4-row{grid-template-columns:38px 1fr 70px 115px}
#payment .p5{padding:38px 30px}
#payment .p5-top{display:block}
#payment .p5-top p{max-width:520px;margin-top:15px}
#payment .p5-columns{grid-template-columns:1fr 1fr}
#payment .p5-edit{padding:22px}
#payment .p5-img{height:145px}
#payment .p5-results{padding:27px 20px}
#payment .p5-pay-row{grid-template-columns:36px 1fr;gap:9px}
#payment .p5-pay-row .amount{grid-column:2;text-align:left}
#payment .p5-pay-row .pct{font-size:29px}
#payment .p5-result-title{font-size:26px}
}
@container nf-payment (max-width:450px){#payment .block h2{font-size:36px}
#payment .p1{padding:32px 21px}
#payment .p1-top h2{font-size:36px}
#payment .p1-top p{font-size:11px}
#payment .p1-steps{grid-template-columns:1fr;gap:0;margin:32px 0 24px}
#payment .p1-steps:before{left:4px;top:7px;bottom:12px;height:auto;width:1px;right:auto}
#payment .p1-step{padding:2px 0 22px 28px;display:grid;grid-template-columns:76px 1fr;gap:0 12px}
#payment .p1-step:before{left:0;top:10px;outline:6px solid var(--paper)}
#payment .p1-step .count{grid-column:1/-1;margin-bottom:4px}
#payment .p1-step .big{font-size:58px;grid-column:1;grid-row:2/4;margin:0;align-self:center}
#payment .p1-step h3{font-size:17px;grid-column:2;grid-row:2;border:0;padding:0}
#payment .p1-step p{grid-column:2;grid-row:3;margin-top:6px;font-size:10px}
#payment .p1-bottom{grid-template-columns:1fr}
#payment .p1-photo{height:160px;min-height:0}
#payment .p1-bottom-panel{padding:23px;min-height:213px}
#payment .p1-bottom-row{gap:15px}
#payment .p1-price{font-size:37px}
#payment .p1-bottom-panel .arrow-link{font-size:9px}
#payment .p2{grid-template-columns:1fr}
#payment .p2-photo{height:193px}
#payment .p2-left-inner{padding:27px 21px;gap:15px}
#payment .p2-left h2{font-size:37px;margin-bottom:10px}
#payment .p2-left p{font-size:11px}
#payment .p2-left-footer{padding-top:13px}
#payment .p2-right{padding:32px 23px}
#payment .p2-right-intro h3{font-size:36px}
#payment .p2-row{grid-template-columns:71px 1fr auto;gap:10px;padding:15px 0}
#payment .p2-row .pct{font-size:35px}
#payment .p2-row .sum{grid-column:3;margin:0;font-size:9px;text-align:right}
#payment .p2-row strong{font-size:11px}
#payment .p2-row p{font-size:9px}
#payment .p2-summary .number{font-size:28px}
#payment .p3-hero{height:490px}
#payment .p3-hero-inner{padding:28px 22px}
#payment .p3-hero h2{font-size:39px}
#payment .p3-hero-inner p{font-size:11px}
#payment .p3-progress{padding:28px 22px 10px}
#payment .p3-topline{display:block}
#payment .p3-topline h3{font-size:24px}
#payment .p3-topline .demo-note{margin-top:8px}
#payment .p3-bar{height:10px;margin-bottom:15px}
#payment .p3-barlabels strong{font-size:20px}
#payment .p3-barlabels span{font-size:9px}
#payment .p3-milestones{grid-template-columns:repeat(2,1fr);padding:22px 22px 26px;row-gap:18px}
#payment .p3-milestones>div{padding:12px 13px 0 0}
#payment .p3-milestones>div+div{padding-left:0;border-left:0}
#payment .p3-milestones>div:nth-child(even){padding-left:15px;border-left:1px solid var(--line)}
#payment .p3-milestones>div:last-child{grid-column:1/-1;min-height:65px}
#payment .p3-milestones b{font-size:26px;margin:5px 0 4px}
#payment .p4{padding:29px 20px}
#payment .p4-title{display:block;margin-bottom:22px}
#payment .p4-title h2{font-size:36px}
#payment .p4-title p{margin-top:14px}
#payment .p4-thead{display:none}
#payment .p4-row{grid-template-columns:27px minmax(0,1fr) 64px;gap:7px 9px;padding:13px 0}
#payment .p4-row .id{font-size:12px;align-self:start;padding-top:2px}
#payment .p4-row .event strong{font-size:11px}
#payment .p4-row .event span{font-size:9px}
#payment .p4-row .pct{font-size:22px;text-align:right}
#payment .p4-row .money{grid-column:2/-1;text-align:left;font-size:10px}
#payment .p4-total strong{font-size:28px}
#payment .p4-foot{display:block;margin-top:20px}
#payment .p4-foot button{margin-top:12px}
#payment .p5{padding:30px 20px}
#payment .p5-top{margin-bottom:24px}
#payment .p5-top h2{font-size:35px}
#payment .p5-top p{font-size:11px}
#payment .p5-columns{grid-template-columns:1fr}
#payment .p5-edit{padding:21px}
#payment .p5-img{height:155px;margin-bottom:18px}
#payment .p5-price{font-size:36px}
#payment .p5-presets{margin:18px 0 17px}
#payment .p5-results{padding:29px 23px}
#payment .p5-result-title{font-size:29px}
#payment .p5-pay-row{grid-template-columns:44px minmax(0,1fr) auto}
#payment .p5-pay-row .amount{grid-column:3;text-align:right;font-size:20px}
#payment .p5-pay-row .pct{font-size:30px}
#payment .p5-bottom{align-items:start}
#payment .p5-bottom button{white-space:normal}
#payment .p5-bottom .arrow-link{font-size:9px}
}
@media(max-width:750px){#payment .toolbar-in{padding:11px 16px}
#payment .logo{font-size:17px}
#payment .tool-mark{display:none}
#payment .screen-switch button{min-width:auto;padding:8px 10px;font-size:10px}
#payment .toolbar-right{gap:8px}
#payment .intro{padding:32px 16px 18px;display:block}
#payment .intro h1{font-size:37px}
#payment .intro p{margin-top:15px}
#payment .jump{padding:0 16px;margin-bottom:26px;gap:6px}
#payment .jump a{padding:8px 9px;font-size:10px}
#payment .variation{padding:0 12px;margin-bottom:50px;scroll-margin-top:86px}
#payment .variation-label{align-items:start}
#payment .variation-label .v-name{gap:12px}
#payment .variation-label .v-id{font-size:33px}
#payment .variation-label h2{font-size:18px}
#payment .variation-label p{display:none}
#payment .footer{padding:0 16px 30px;display:block}
#payment .footer>div+div{margin-top:9px}
}
@media(prefers-reduced-motion:reduce){#payment{scroll-behavior:auto}
#payment *,#payment *:before,#payment *:after{transition:none!important}
}

#payment{--ink:#2D2B29;--brown:#65584D;--accent:#65584D;--line:#D8D1C8;--paper:#F7F5F1;--surface:#EBE8E1;--white:#F7F5F1;--muted:#726A61;--taupe:#EBE8E1;--head:var(--font-display);--body:var(--font-body);background:var(--paper);color:var(--ink);font:400 13px/1.65 var(--body)}
#payment .mock{box-shadow:none}#payment .block{min-width:0}#payment .block p,#payment .demo-note{color:var(--muted)}#payment .p3{background:var(--paper)}
#payment .p1-step .count,#payment .p3-milestones .idx,#payment .p4-thead,#payment .p4-row .id,#payment .p4-row .event span{color:var(--muted)}
#payment .block h2{font-size:clamp(32px,4.7cqw,63px)}#payment .p3-hero h2{font-size:clamp(39px,5.5cqw,77px)}
#payment .p1-bottom-panel,#payment .p2-left,#payment .p5-results{color:var(--paper)}#payment .p2-left p,#payment .p3-hero-inner p{color:var(--line)}#payment .p5-bottom .demo-note{color:var(--line)}
#payment .p3-hero:after{background:linear-gradient(90deg,#252626bd,transparent 68%),linear-gradient(0deg,#242423a8,transparent 56%)}
#payment :is(button,input,a,textarea){border-radius:0}#payment :is(button,input,a,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:4px}#payment :is(.p1-bottom-panel,.p2-left,.p5-results) :is(button,a):focus-visible{outline-color:var(--paper)}
#payment .p5-range{min-height:24px;background:linear-gradient(var(--line),var(--line)) center/100% 2px no-repeat;margin:17px 0 10px}#payment .p5-range::-webkit-slider-thumb{width:18px;height:18px}#payment .p5-range::-moz-range-thumb{width:18px;height:18px}#payment .p5-presets button{min-height:36px}
#payment .nf-pay-status{padding:12px clamp(24px,5cqw,80px);font-size:12px;color:var(--ink);background:var(--surface)}#payment .nf-pay-status:empty{display:none}
#payment .nf-pay-copy{padding:16px clamp(24px,5cqw,80px);background:var(--surface)}#payment .nf-pay-copy textarea{display:block;width:100%;min-height:210px;margin:10px 0;border:1px solid var(--line);padding:12px;color:var(--ink);background:var(--paper);font:12px/1.7 var(--body)}
#payment dialog{padding:0;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);width:min(1000px,94vw);max-width:94vw;max-height:92vh;box-shadow:none}#payment dialog::backdrop{background:#242423b3}#payment dialog .p5{padding:24px}#payment dialog .p5-top h2{font-size:32px}#payment dialog .p5-top p{display:none}#payment dialog .p5-columns{min-height:0}#payment dialog .p5-img{display:none}#payment dialog .p5-edit,#payment dialog .p5-results{padding:22px}#payment .nf-pay-dialog-head{display:flex;justify-content:space-between;gap:20px;padding:16px 24px 0;align-items:center}#payment .nf-pay-dialog-head button{min-width:44px;min-height:44px;background:none;border:1px solid var(--line);color:var(--ink);font-size:24px}
@container nf-payment (max-width:790px){#payment .block h2{font-size:clamp(34px,6cqw,48px)}}
@container nf-payment (max-width:450px){#payment .block h2{font-size:clamp(30px,9cqw,36px)}#payment .p2-summary{flex-wrap:wrap}#payment .p2-row{grid-template-columns:60px minmax(0,1fr);gap:10px}#payment .p2-row .sum{grid-column:2;text-align:left}#payment .p5-pay-row{grid-template-columns:36px minmax(0,1fr);gap:10px}#payment .p5-pay-row .amount{grid-column:2;text-align:left}#payment .p5-price{font-size:clamp(26px,8.2cqw,36px)}#payment .p5-bottom{flex-wrap:wrap}#payment .p4-total{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#payment *,#payment *:before,#payment *:after{transition:none!important}}
#payment .arrow-link .arr{font-family:var(--body)}#payment .mock{overflow:visible}
#payment .nf-pay-dialog-head{position:sticky;top:0;z-index:3;padding-bottom:16px;background:var(--paper);border-bottom:1px solid var(--line)}