@import "https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&family=Unbounded:wght@500;600&family=JetBrains+Mono:wght@400;600&display=swap";
:root{--pb-ink:#0c120f;--pb-pine:#101712;--pb-carbon-2:#17211a;--green-700:#087f4b;--green-600:#0a9d5c;--green-300:#6ff7bc;--green-50:#e6f8ef;--lime:#3ceb9c;--slate:#58655e;--gray-400:#8fa098;--mint-bg:#f6f8f7;--white:#fff;--border:#e3e9e5;--hairline:#edf1ee;--amber-bg:#fff4dc;--amber:#f2b441;--amber-ink:#8a5a1f;--red:#e5484d;--brand:var(--green-600);--brand-hover:var(--green-700);--grad-from:#4ce07c;--grad-to:#2bc0a6;--brand-gradient:linear-gradient(135deg,var(--grad-from),var(--grad-to));--font-ui:"Onest",-apple-system,"Segoe UI",Roboto,sans-serif;--font-brand:"Unbounded","Onest",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--radius-btn:12px;--radius-box:14px;--radius-card:20px;--radius-pill:999px;--shadow-card:0 1px 2px #0a15120a,0 8px 24px #0a15120d;--shadow-pop:0 12px 32px #0a151224;--shadow-brand:0 2px 8px #0a9d5c33;--focus-ring:0 0 0 3px #0a9d5c4d;--wrap:1160px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--mint-bg);color:var(--pb-ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern" 1;margin:0;font-size:15px;line-height:1.6}.tabular,td,.amount,.mono{font-variant-numeric:tabular-nums}h1,h2,h3{letter-spacing:-.025em;color:var(--pb-ink);margin:0;font-weight:700}p{margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.mono{font-family:var(--font-mono)}:focus-visible{box-shadow:var(--focus-ring);border-radius:8px;outline:none}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--green-700);font-size:12px;font-weight:600}.eyebrow.on-dark{color:var(--lime)}.btn{cursor:pointer;font-family:var(--font-ui);border-radius:var(--radius-btn);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:13px 24px;font-size:15px;font-weight:600;line-height:1;transition:background .15s,color .15s,border-color .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.985)}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 14px #0a9d5c4d}.btn-phosphor{background:var(--lime);color:var(--pb-ink);font-weight:700;box-shadow:0 2px 14px #3ceb9c59}.btn-phosphor:hover{transform:translateY(-1px);box-shadow:0 6px 22px #3ceb9c80}.btn-dark{background:var(--pb-ink);color:#fff}.btn-dark:hover{background:#1c2620}.btn-ghost{color:var(--pb-ink);border-color:var(--border);background:0 0}.btn-ghost:hover{border-color:var(--slate);background:#fff}.btn-ghost.on-dark{color:#fff;border-color:#ffffff38}.btn-ghost.on-dark:hover{background:#ffffff12;border-color:#fff6}.wordmark{align-items:center;gap:9px;line-height:1;display:inline-flex}.wm-mark{flex:none;width:auto;height:26px;display:block}.wm-text{font-family:var(--font-ui);letter-spacing:-.02em;font-size:20px;font-weight:700}.on-dark .wm-text,.wordmark.light .wm-text{color:#fff}header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline);background:#f6f8f7d1;position:sticky;top:0}.nav{align-items:center;gap:32px;height:68px;display:flex}.nav .links{gap:28px;margin-left:8px;display:flex}.nav .links a{color:var(--slate);font-size:14px;font-weight:500}.nav .links a:hover{color:var(--pb-ink)}.nav .right{align-items:center;gap:12px;margin-left:auto;display:flex}.nav .right .signin{color:var(--pb-ink);font-size:14px;font-weight:500}.hero{background:var(--pb-pine);color:#fff;border-bottom:1px solid #000;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(680px 420px at 82% 12%,#3ceb9c1a,#0000 70%),radial-gradient(560px 380px at 12% 88%,#0a9d5c1a,#0000 70%);position:absolute;inset:0}.hero .wrap{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;padding:64px 24px 72px;display:grid;position:relative}.hero h1{color:#fff;letter-spacing:-.03em;margin:20px 0 0;font-size:clamp(34px,4.6vw,52px);font-weight:700;line-height:1.08}.hero h1 em{color:var(--lime);font-style:normal;font-weight:700}.hero .lead{color:#ffffffb8;max-width:30em;margin:22px 0 0;font-size:18px;line-height:1.6}.hero .cta{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero .trust{flex-wrap:wrap;align-items:center;gap:26px;margin-top:40px;display:flex}.hero .trust .t{color:#ffffffa8;align-items:center;gap:9px;font-size:13.5px;display:flex}.tdot{background:#ffffff59;border-radius:50%;flex:none;width:5px;height:5px}.dot-live{background:var(--lime);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #3ceb9c2e}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #3ceb9c24}50%{box-shadow:0 0 0 7px #3ceb9c0f}}.demo{justify-self:center;width:100%;max-width:380px;position:relative}.demo-card{color:var(--pb-ink);border-radius:var(--radius-card);background:#fff;padding:26px;box-shadow:0 24px 60px #0006}.demo-head{justify-content:space-between;align-items:center;display:flex}.demo-merchant{align-items:center;gap:10px;display:flex}.demo-merchant .m-logo{background:var(--brand-gradient);color:#0c120f;border-radius:9px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:grid}.demo-merchant b{font-size:15px;font-weight:600}.demo-merchant span{color:var(--gray-400);font-size:12px}.chip{font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--green-50);color:var(--green-700);align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.demo-amount{text-align:center;margin:22px 0 4px}.demo-amount .a{letter-spacing:-.02em;font-size:34px;font-weight:700}.demo-amount .l{color:var(--slate);margin-top:2px;font-size:12.5px}.qrwrap{place-items:center;width:190px;height:190px;margin:16px auto 6px;display:grid;position:relative}.qr{width:150px;height:150px;image-rendering:pixelated;background:#fff;border-radius:10px}.qrwrap i{pointer-events:none;width:26px;height:26px;position:absolute}.qrwrap i.tl{border-top:3px solid var(--brand);border-left:3px solid var(--brand);border-top-left-radius:10px;top:0;left:0}.qrwrap i.tr{border-top:3px solid var(--brand);border-right:3px solid var(--brand);border-top-right-radius:10px;top:0;right:0}.qrwrap i.bl{border-bottom:3px solid var(--brand);border-left:3px solid var(--brand);border-bottom-left-radius:10px;bottom:0;left:0}.qrwrap i.br{border-bottom:3px solid var(--brand);border-right:3px solid var(--brand);border-bottom-right-radius:10px;bottom:0;right:0}.demo-timer{text-align:center;color:var(--slate);margin-top:4px;font-size:12.5px}.demo-timer b{font-variant-numeric:tabular-nums;color:var(--pb-ink);font-weight:600}.demo-pay{margin-top:18px}.demo-pay .btn{width:100%}.demo-foot{text-align:center;color:var(--gray-400);margin-top:14px;font-size:11.5px}.demo-badge{background:var(--pb-ink);color:#fff;font-family:var(--font-mono);border-radius:var(--radius-pill);box-shadow:var(--shadow-pop);align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-14px;right:-14px}.trusted{border-bottom:1px solid var(--hairline);background:#fff}.trusted .wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:34px;padding:22px 24px;display:flex}.trusted span{color:var(--gray-400);font-size:13px;font-weight:500}.trusted .set{color:var(--slate);opacity:.8;flex-wrap:wrap;align-items:center;gap:30px;font-weight:600;display:flex}section{padding:88px 0}.sec-head{max-width:640px}.sec-head h2{margin:14px 0 0;font-size:clamp(26px,3.4vw,38px);line-height:1.15}.sec-head p{color:var(--slate);margin:16px 0 0;font-size:17px}.center{text-align:center;margin-left:auto;margin-right:auto}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;display:grid}.step{border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;padding:30px;position:relative}.step .n{font-family:var(--font-mono);color:var(--green-700);font-size:12px;font-weight:600}.step h3{margin:14px 0 8px;font-size:19px}.step p{color:var(--slate);font-size:14.5px}.step .code{background:var(--pb-pine);border-radius:var(--radius-box);font-family:var(--font-mono);color:#e8efe9;margin-top:16px;padding:14px 16px;font-size:12.5px;line-height:1.7;overflow-x:auto}.step .code .k{color:var(--lime)}.step .code .s{color:#9fe0c0}.step .code .c{color:#6b7c72}.grid3{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;padding:28px}.card .ic{background:var(--green-50);border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:16px;display:grid}.card .ic svg{width:22px;height:22px;stroke:var(--green-700)}.card h3{margin-bottom:8px;font-size:17px}.card p{color:var(--slate);font-size:14.5px}.showcase{background:var(--pb-pine);color:#fff}.showcase .sec-head h2{color:#fff}.showcase .sec-head p{color:#ffffffa8}.panel{background:var(--pb-carbon-2);border-radius:var(--radius-card);border:1px solid #ffffff14;margin-top:48px;overflow:hidden;box-shadow:0 30px 70px #0006}.panel-bar{border-bottom:1px solid #ffffff12;align-items:center;gap:8px;padding:14px 18px;display:flex}.panel-bar i{background:#ffffff29;border-radius:50%;width:11px;height:11px}.panel-bar .u{font-family:var(--font-mono);color:#ffffff80;margin-left:14px;font-size:12px}.panel-body{grid-template-columns:200px 1fr;min-height:340px;display:grid}.panel-side{border-right:1px solid #ffffff12;padding:18px 14px}.panel-side .navi{color:#ffffff9e;border-radius:10px;align-items:center;gap:10px;margin-bottom:3px;padding:9px 12px;font-size:13.5px;display:flex}.panel-side .navi.on{color:#fff;background:#ffffff12;font-weight:500}.panel-side .navi.on .d{background:var(--lime)}.panel-side .navi .d{background:#ffffff47;border-radius:2px;width:7px;height:7px}.panel-main{padding:22px 24px}.panel-main .row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:13px 0;font-size:13.5px;display:flex}.panel-main .row .amount{font-weight:600}.tag{font-family:var(--font-mono);border-radius:var(--radius-pill);padding:4px 9px;font-size:11px;font-weight:600}.tag.paid{color:var(--lime);background:#3ceb9c24}.tag.pending{color:#f2b441;background:#f2b44129}.stat-row{gap:14px;margin-bottom:20px;display:flex}.stat{background:var(--pb-pine);border:1px solid #ffffff12;border-radius:14px;flex:1;padding:15px}.stat .l{color:#ffffff80;font-size:12px}.stat .v{font-variant-numeric:tabular-nums;margin-top:5px;font-size:22px;font-weight:700}.stat .v em{color:var(--lime);margin-left:6px;font-size:13px;font-style:normal;font-weight:600}.integ{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.integ .i{border:1px solid var(--border);border-radius:var(--radius-box);background:#fff;align-items:center;gap:14px;padding:18px 20px;display:flex}.integ .i .lg{color:#fff;border-radius:11px;flex:none;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.integ .i b{font-size:15px;font-weight:600}.integ .i span{color:var(--slate);font-size:13px}.dev{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;display:grid}.dev-code{background:var(--pb-pine);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);overflow:hidden}.dev-code .bar{border-bottom:1px solid #ffffff12;align-items:center;gap:7px;padding:14px 16px;display:flex}.dev-code .bar i{background:#ffffff29;border-radius:50%;width:10px;height:10px}.dev-code .bar .f{font-family:var(--font-mono);color:#ffffff80;margin-left:12px;font-size:12px}.dev-code pre{font-family:var(--font-mono);color:#e8efe9;margin:0;padding:20px 22px;font-size:13px;line-height:1.8;overflow-x:auto}.dev-code .k{color:var(--lime)}.dev-code .s{color:#9fe0c0}.dev-code .c{color:#6b7c72}.dev-code .p{color:#d6b3ff}.dev ul{margin:24px 0 0;padding:0;list-style:none}.dev ul li{border-bottom:1px solid var(--hairline);color:var(--slate);gap:12px;padding:11px 0;font-size:15px;display:flex}.dev ul li b{color:var(--pb-ink);font-weight:600}.dev ul li svg{width:20px;height:20px;stroke:var(--green-600);flex:none;margin-top:1px}.tiers{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px;display:grid}.tier{border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;flex-direction:column;padding:26px;display:flex}.tier.pop{border:2px solid var(--brand);box-shadow:var(--shadow-card);position:relative}.tier.pop:before{content:"Популярный";background:var(--brand);color:#fff;font-size:11px;font-family:var(--font-mono);border-radius:var(--radius-pill);padding:4px 10px;font-weight:600;position:absolute;top:-11px;left:26px}.tier .em{font-size:24px}.tier h3{margin:12px 0 2px;font-size:18px}.tier .desc{color:var(--slate);min-height:34px;font-size:13px}.tier .price{letter-spacing:-.02em;margin:14px 0 4px;font-size:28px;font-weight:700}.tier .price span{color:var(--slate);font-size:14px;font-weight:500}.tier ul{flex:1;margin:16px 0 20px;padding:0;list-style:none}.tier ul li{color:var(--slate);gap:9px;padding:6px 0;font-size:13.5px;display:flex}.tier ul li svg{width:17px;height:17px;stroke:var(--green-600);flex:none;margin-top:2px}.tier .btn{width:100%}.faq{max-width:760px;margin:48px auto 0}.qa{border-bottom:1px solid var(--border)}.qa summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:16.5px;font-weight:600;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary .pm{flex:none;width:24px;height:24px;transition:transform .2s;position:relative}.qa summary .pm:before,.qa summary .pm:after{content:"";background:var(--slate);border-radius:2px;width:14px;height:2px;transition:all .2s;position:absolute;top:11px;left:5px}.qa summary .pm:after{transform:rotate(90deg)}.qa[open] summary .pm:after{transform:rotate(0)}.qa p{color:var(--slate);max-width:64ch;padding:0 0 22px;font-size:15px}.final{background:var(--pb-pine);color:#fff;text-align:center;position:relative;overflow:hidden}.final:before{content:"";background:radial-gradient(600px 300px at 50% 0,#3ceb9c24,#0000 70%);position:absolute;inset:0}.final .wrap{position:relative}.final h2{color:#fff;letter-spacing:-.03em;max-width:16ch;margin:0 auto;font-size:clamp(28px,4vw,42px)}.final p{color:#ffffffa8;max-width:44ch;margin:18px auto 0;font-size:17px}.final .cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}footer{background:var(--pb-ink);color:#fff9;padding:56px 0 40px}.foot{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;display:grid}.foot h4{color:#fff;margin:0 0 14px;font-size:13px;font-weight:600}.foot a{color:#fff9;padding:5px 0;font-size:14px;display:block}.foot a:hover{color:#fff}.foot .about{max-width:30ch;font-size:14px}.foot .about .wordmark{margin-bottom:14px}.foot-bot{color:#ffffff73;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;font-size:13px;display:flex}@media (max-width:960px){.hero .wrap{grid-template-columns:1fr;gap:44px;padding:56px 24px 64px}.demo{max-width:360px}.dev{grid-template-columns:1fr;gap:32px}.panel-body{grid-template-columns:1fr}.panel-side{display:none}.steps,.grid3,.integ,.tiers,.foot{grid-template-columns:1fr 1fr}.nav .links{display:none}}@media (max-width:640px){section{padding:60px 0}.steps,.grid3,.integ,.tiers,.foot{grid-template-columns:1fr}.hero .trust{gap:16px}.nav{gap:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}