@import "https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&display=swap";:root{color:#171717;font-synthesis:none;background:#f6f6f3;font-family:Jost,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}input,select{color:#171717;background:#fff;border:1px solid #c9c9c3;border-radius:0;width:100%;height:50px;padding:0 15px}select:disabled{opacity:1;color:#555;cursor:default;background:#fafaf8}input[readonly]{color:#555;background:#fafaf8}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #171717}h1,h2,h3,p{margin:0}h2:focus{outline:none}.demo-banner{letter-spacing:.12em;color:#202b08;background:#d9ed73;justify-content:center;align-items:center;gap:10px;min-height:36px;padding:8px 16px;font-size:10px;font-weight:600;display:flex}.demo-dot{background:#435719;border-radius:50%;width:5px;height:5px}.banner-description{letter-spacing:.02em;margin-left:15px;font-weight:400}.header{background:#fff;border-bottom:1px solid #e5e5df;justify-content:space-between;align-items:center;padding:22px max(30px,50vw - 560px);display:flex}.brand{letter-spacing:-2px;font-size:34px;font-weight:800;line-height:1;text-decoration:none}.brand span{vertical-align:top;letter-spacing:0;margin-left:4px;font-size:11px}.secure{color:#5c5c56;align-items:center;gap:8px;font-size:12px;display:flex}main{max-width:1120px;margin:auto;padding:46px 0 35px}.intro{margin-bottom:30px}.eyebrow{letter-spacing:.15em;color:#66675d;font-size:10px;font-weight:600}h1{letter-spacing:-1.3px;margin:12px 0 10px;font-size:42px;font-weight:500;line-height:1.2}.intro>p:last-child{color:#66675d;font-size:15px}.layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.payment-card{background:#fff;border:1px solid #deded7}.steps{border-bottom:1px solid #e6e6df;justify-content:space-between;gap:20px;margin:0;padding:23px 30px;list-style:none;display:flex}.steps li{color:#92928b;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.steps li>span{border:1px solid #d7d7cf;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.steps .active{color:#171717}.steps .active span{color:#fff;background:#171717;border-color:#171717}.steps .done{color:#5a672b}.steps .done span{background:#eaf1d2;border-color:#eaf1d2}.card-body{padding:28px 32px 32px}.method{border:1px solid #171717;align-items:center;gap:13px;margin-bottom:27px;padding:16px 18px;display:flex}.method-icon{background:#f2f2ec;place-items:center;width:35px;height:35px;display:grid}.method strong{font-size:14px;font-weight:500}.method p{color:#777;font-size:11px}.selected-icon{color:#fff;background:#171717;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:auto;font-size:12px;display:grid}h2{letter-spacing:-.4px;font-size:23px;font-weight:500;line-height:1.25}.subtext{color:#777;margin:9px 0 21px;font-size:13px;line-height:1.6}label{margin:17px 0 8px;font-size:12px;font-weight:500;display:block}.split-field{display:flex}.split-field select{border-right:0;width:90px}.field-hint{color:#777;margin-top:10px;font-size:11px;line-height:1.5}.primary{color:#fff;letter-spacing:.07em;text-align:left;background:#171717;border:1px solid #171717;justify-content:space-between;align-items:center;width:100%;min-height:52px;margin-top:25px;padding:15px 20px;font-size:12px;display:flex}.primary:hover:not(:disabled){background:#333}.primary>span{font-size:18px}.attribution{color:#72726a;justify-content:center;align-items:center;gap:6px;margin-top:15px;font-size:10px;display:flex}.attribution svg{width:12px;height:12px}.text-button{text-underline-offset:4px;color:#666;background:0 0;border:0;margin:20px auto 0;font-size:12px;text-decoration:underline;display:block}.summary{background:#efefe9;border:1px solid #deded7;padding:27px 28px}.summary-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.pill{letter-spacing:.08em;background:#fff;border:1px solid #d9d9d0;padding:4px 7px;font-size:9px}.product{align-items:center;gap:13px;margin:25px 0;display:flex}.product-placeholder{background:#deded4;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:74px;font-size:35px;font-weight:800;display:flex}.product-placeholder span{align-self:center;margin-bottom:20px;font-size:8px}.product h3{letter-spacing:.03em;font-size:12px;font-weight:600}.product p{color:#73736b;margin:5px 0;font-size:10px}.product>div>span{color:#777;font-size:10px}.product>strong{margin-left:auto;font-size:12px;font-weight:500}.totals{border-top:1px solid #d8d8cf;padding-top:17px}.totals>div{color:#666;justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.totals .total{color:#171717;border-top:1px solid #d8d8cf;margin-top:17px;padding-top:18px;font-size:17px}.totals strong{font-weight:500}.bs-total{background:#fff;border:1px solid #ddddd4;margin-top:24px;padding:22px}.bs-total p{letter-spacing:.1em;color:#777;font-size:9px}.bs-total strong{letter-spacing:-.7px;margin:5px 0;font-size:32px;font-weight:500;display:block}.bs-total span{color:#777;font-size:11px}.summary-note{color:#777;margin:12px 0 23px;font-size:10px;line-height:1.7}.help{color:#666;border-top:1px solid #d8d8cf;gap:9px;padding-top:18px;display:flex}.help svg{flex-shrink:0;margin-top:2px}.help p{font-size:11px;line-height:1.6}.demo-key{color:#666;background:#f5f5ef;border:1px solid #e2e2d8;justify-content:space-between;align-items:center;padding:13px 16px;font-size:11px;display:flex}.demo-key strong{letter-spacing:.1em;color:#171717;font-size:15px}.otp{letter-spacing:.2em;font-size:24px}.result-icon{color:#506123;background:#eaf1d2;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:21px;font-size:24px;display:grid}.warning{color:#8b6424;background:#f3e7ca}.result .eyebrow{margin-bottom:10px}.receipt{background:#fafaf7;border:1px solid #deded7;margin-top:24px;padding:22px}.receipt>span{color:#777;font-size:11px}.receipt>strong{margin:4px 0 18px;font-size:30px;font-weight:500;display:block}dl{border-top:1px solid #deded7;margin:0;padding-top:15px}dl>div{justify-content:space-between;gap:14px;margin:10px 0;font-size:10px;display:flex}dt{color:#777}dd{text-align:right;margin:0}.notice{background:#f8efd9;border-left:2px solid #b39449;margin-top:14px;padding:13px;font-size:12px;line-height:1.6}.demo-controls{color:#777;max-width:560px;margin-top:25px;font-size:12px}.demo-controls summary{cursor:pointer;text-underline-offset:3px;text-decoration:underline}.demo-controls select{max-width:350px}.demo-controls p{margin-top:10px;font-size:11px}footer{color:#85857d;letter-spacing:.07em;border-top:1px solid #deded7;justify-content:space-between;max-width:1120px;margin:0 auto;padding:20px 0 30px;font-size:10px;display:flex}@media (width<=1180px){main{padding:35px 25px}.header{padding:22px 25px}footer{margin:0 25px}}@media (width<=750px){.layout{grid-template-columns:1fr}.intro{margin-bottom:23px}h1{font-size:34px}.card-body{padding:24px}.steps{gap:10px;padding:20px 24px}.steps li{gap:6px;font-size:10px}.summary{padding:24px}.summary-note{margin-bottom:15px}.banner-description{letter-spacing:0;margin-left:0;font-size:9px}.demo-banner{gap:7px;font-size:9px}.secure{font-size:10px}.brand{font-size:30px}.demo-key{flex-wrap:wrap;gap:10px}footer{gap:20px;font-size:9px}.product p{font-size:11px}}@media (prefers-reduced-motion:no-preference){.primary{transition:background .15s}}.brand{line-height:0;display:block}.brand img{width:150px;max-width:100%;height:auto;display:block}@media (width<=750px){.brand img{width:130px}}.preview-link{text-underline-offset:4px;margin-bottom:25px;font-size:12px;display:inline-block}.launcher{background:#fff;border:1px solid #deded7;max-width:500px;margin:30px auto;padding:32px}.launcher>p{color:#666;font-size:13px}.launcher .primary{text-transform:none;letter-spacing:0;font-size:16px;text-decoration:none}.launcher h1{font-size:30px}.launcher .field-hint{margin-top:18px}.bs-total .rate-pending{margin:10px 0;font-size:23px}.pending-total{border-top:1px solid #deded7;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:15px;display:flex}.pending-total b{font-size:13px;font-weight:500}.payment-progress{padding:18px 0}.payment-spinner{border:4px solid #e5e5e5;border-top-color:#111;border-radius:50%;width:46px;height:46px;margin:0 auto 22px;animation:1s linear infinite payment-spin;display:block}.payment-progress h2{margin-bottom:12px}@keyframes payment-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.payment-spinner{animation-duration:2.5s}}.demo-order-state{align-items:center;gap:16px;margin-bottom:20px;display:flex}.demo-order-state .result-icon{color:#8b6424;background:#f3e7ca;margin:0}.demo-order-state.is-paid .result-icon{color:#506123;background:#eaf1d2}.demo-order-state .eyebrow{margin-bottom:5px}.manual-instructions{background:#f6f6f0;border:1px solid #deded7;padding:22px}.manual-instructions>strong{font-size:17px;font-weight:500}.manual-instructions>p{color:#666;margin-top:10px;font-size:13px;line-height:1.6}.manual-instructions .primary{text-decoration:none}.demo-customer{margin-top:30px}.demo-customer h3{margin-bottom:16px;font-size:14px;font-weight:500}.demo-customer dl{font-size:12px}.demo-customer dl>div{margin:14px 0;font-size:12px;line-height:1.6}.demo-flow-note{margin-top:24px}.result a.primary{text-decoration:none}
