.app-payments-playbook{background:#fff}.app-payments-playbook .payments-playbook-hero{background:#000;padding:180px 0 96px}@media screen and (max-width:992px){.app-payments-playbook .payments-playbook-hero{padding:140px 0 72px}}@media screen and (max-width:768px){.app-payments-playbook .payments-playbook-hero{padding:120px 0 56px}}.app-payments-playbook .payments-playbook-hero .container{align-items:center;flex-wrap:nowrap;gap:80px}@media screen and (max-width:1200px){.app-payments-playbook .payments-playbook-hero .container{gap:48px}}@media screen and (max-width:992px){.app-payments-playbook .payments-playbook-hero .container{align-items:flex-start;flex-direction:column;gap:0}}.app-payments-playbook .payments-playbook-hero .playbook-hero-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0;text-align:left}.app-payments-playbook .payments-playbook-hero .playbook-label{color:#dbfa60;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.2px;margin-bottom:24px;text-transform:uppercase}.app-payments-playbook .payments-playbook-hero h1{color:#fff;font-size:72px;font-size:56px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}@media screen and (max-width:1200px){.app-payments-playbook .payments-playbook-hero h1{font-size:64px}}@media screen and (max-width:992px){.app-payments-playbook .payments-playbook-hero h1{font-size:48px;line-height:1.2}}@media screen and (max-width:768px){.app-payments-playbook .payments-playbook-hero h1{font-size:36px;line-height:1.2}}.app-payments-playbook .payments-playbook-hero h1 span{color:#dbfa60;font-weight:inherit}@media screen and (max-width:1200px){.app-payments-playbook .payments-playbook-hero h1{font-size:48px}}@media screen and (max-width:992px){.app-payments-playbook .payments-playbook-hero h1{font-size:42px}}@media screen and (max-width:768px){.app-payments-playbook .payments-playbook-hero h1{font-size:32px}}.app-payments-playbook .payments-playbook-hero .hero-subtitle{color:#ffffffd9;font-size:20px;font-weight:400;line-height:1.5;margin:0 0 48px;max-width:620px}@media screen and (max-width:768px){.app-payments-playbook .payments-playbook-hero .hero-subtitle{font-size:16px;line-height:1.6;margin-bottom:36px}}.app-payments-playbook .payments-playbook-hero .hero-stats{display:flex;gap:56px}@media screen and (max-width:768px){.app-payments-playbook .payments-playbook-hero .hero-stats{gap:32px}}.app-payments-playbook .payments-playbook-hero .hero-stats .stat-item{align-items:center;display:flex;flex-direction:column;gap:6px}.app-payments-playbook .payments-playbook-hero .hero-stats .stat-number{color:#dbfa60;font-size:32px;font-weight:700;line-height:1}@media screen and (max-width:768px){.app-payments-playbook .payments-playbook-hero .hero-stats .stat-number{font-size:24px}}.app-payments-playbook .payments-playbook-hero .hero-stats .stat-label{color:#ffffff73;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.app-payments-playbook .payments-playbook-hero .payment-flow{background:linear-gradient(135deg,#0e0e10eb,#0e0e10cc);border:1px solid #ffffff14;border-radius:20px;display:flex;flex:0 1 520px;flex-direction:column;min-width:0;padding:28px 24px 20px}@media screen and (max-width:992px){.app-payments-playbook .payments-playbook-hero .payment-flow{flex-basis:auto;margin:48px auto 0;max-width:560px;width:100%}}@media screen and (max-width:768px){.app-payments-playbook .payments-playbook-hero .payment-flow{border-radius:16px;margin-top:36px;padding:18px 16px 16px}}.app-payments-playbook .payments-playbook-hero .flow-card{background:#00000073;border:1px solid #dbfa6040;border-radius:12px;box-shadow:0 8px 24px #00000059,0 0 16px #dbfa600f;padding:14px 16px;text-align:left}.app-payments-playbook .payments-playbook-hero .flow-chrome{display:flex;gap:5px;margin-bottom:12px}.app-payments-playbook .payments-playbook-hero .flow-chrome span{background:#ffffff2e;border-radius:50%;height:7px;width:7px}.app-payments-playbook .payments-playbook-hero .flow-endpoint{align-items:baseline;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:8px 10px}.app-payments-playbook .payments-playbook-hero .flow-endpoint .endpoint-name{color:#ffffffe6;font-size:12px;font-weight:600;white-space:nowrap}.app-payments-playbook .payments-playbook-hero .flow-endpoint code{color:#ffffff73;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-payments-playbook .payments-playbook-hero .flow-stages{border-left:1px dashed #dbfa604d;display:flex;flex-direction:column;gap:4px;margin:6px 0 6px 14px;padding:4px 0 4px 14px}.app-payments-playbook .payments-playbook-hero .flow-stage{align-items:flex-start;border:1px solid #0000;border-radius:8px;display:flex;gap:10px;padding:7px 10px;position:relative;transition:all .4s ease}.app-payments-playbook .payments-playbook-hero .flow-stage .stage-dot{background:#dbfa6059;border-radius:50%;height:7px;left:-18px;position:absolute;top:14px;transition:all .4s ease;width:7px}.app-payments-playbook .payments-playbook-hero .flow-stage .stage-body{display:flex;flex-direction:column;gap:2px;min-width:0}.app-payments-playbook .payments-playbook-hero .flow-stage .stage-name{color:#dbfa6099;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;font-weight:700;transition:color .4s ease}.app-payments-playbook .payments-playbook-hero .flow-stage .stage-role{color:#ffffff80;font-size:11px;line-height:1.45;transition:color .4s ease}.app-payments-playbook .payments-playbook-hero .flow-stage.active{background:#dbfa600f;border-color:#dbfa6059}.app-payments-playbook .payments-playbook-hero .flow-stage.active .stage-dot{background:#dbfa60;box-shadow:0 0 8px #dbfa6099}.app-payments-playbook .payments-playbook-hero .flow-stage.active .stage-name{color:#dbfa60}.app-payments-playbook .payments-playbook-hero .flow-stage.active .stage-role{color:#ffffffd9}.app-payments-playbook .payments-playbook-hero .flow-meta{align-items:center;color:#dbfa60d9;display:flex;flex-wrap:wrap;font-size:11px;font-weight:700;gap:8px;letter-spacing:.6px;margin-top:12px;text-transform:uppercase}.app-payments-playbook .payments-playbook-hero .flow-meta .meta-divider{background:#dbfa6080;border-radius:50%;height:3px;width:3px}.app-payments-playbook .payments-playbook-hero .flow-caption{color:#fff9;font-size:12px;line-height:1.5;margin:14px 0 0;text-align:center}.app-payments-playbook .payments-playbook-content{margin:0 auto;max-width:1080px;padding:96px 24px 112px}@media screen and (max-width:992px){.app-payments-playbook .payments-playbook-content{padding:72px 20px 80px}}@media screen and (max-width:768px){.app-payments-playbook .payments-playbook-content{padding:56px 16px 64px}}.app-payments-playbook .playbook-section{margin-bottom:112px}@media screen and (max-width:992px){.app-payments-playbook .playbook-section{margin-bottom:80px}}@media screen and (max-width:768px){.app-payments-playbook .playbook-section{margin-bottom:56px}}.app-payments-playbook .playbook-section>h2{align-items:baseline;color:#262d3a;display:flex;font-size:34px;font-weight:600;gap:16px;line-height:1.25;margin-bottom:40px}@media screen and (max-width:992px){.app-payments-playbook .playbook-section>h2{font-size:28px;margin-bottom:32px}}@media screen and (max-width:768px){.app-payments-playbook .playbook-section>h2{font-size:23px;gap:12px}}.app-payments-playbook .playbook-section>h2 .section-number{color:#542fbe;flex-shrink:0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:15px;font-weight:700}@media screen and (max-width:768px){.app-payments-playbook .playbook-section>h2 .section-number{font-size:13px}}.app-payments-playbook .card-label{color:#262d3a73;display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.app-payments-playbook .intro-card{background:#fff;border:1px solid #262d3a14;border-radius:20px;padding:40px 44px}@media screen and (max-width:768px){.app-payments-playbook .intro-card{border-radius:16px;padding:28px 22px}}.app-payments-playbook .intro-card p{color:#3a4459;font-size:19px;line-height:1.7;margin:16px 0 0}@media screen and (max-width:768px){.app-payments-playbook .intro-card p{font-size:16px}}.app-payments-playbook .economics-visual{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:48px}@media screen and (max-width:992px){.app-payments-playbook .economics-visual{grid-template-columns:1fr}}.app-payments-playbook .margin-visualization,.app-payments-playbook .payment-calculator{background:#fff;border:1px solid #262d3a14;border-radius:20px;padding:32px}@media screen and (max-width:768px){.app-payments-playbook .margin-visualization,.app-payments-playbook .payment-calculator{border-radius:16px;padding:24px 20px}}.app-payments-playbook .calculator-header,.app-payments-playbook .margin-header{margin-bottom:28px}.app-payments-playbook .calculator-header h3,.app-payments-playbook .margin-header h3{color:#262d3a;font-size:19px;font-weight:600;margin:0 0 6px}.app-payments-playbook .calculator-header p,.app-payments-playbook .margin-header p{color:#262d3a8c;font-size:14px;margin:0}.app-payments-playbook .calculator-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.app-payments-playbook .calculator-header .transaction-amount{color:#262d3a80;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px}.app-payments-playbook .margin-bar-container .margin-bar{border-radius:10px;display:flex;height:48px;overflow:hidden}.app-payments-playbook .margin-bar-container .margin-segment{align-items:center;display:flex;min-width:0}.app-payments-playbook .margin-bar-container .margin-segment .segment-label{font-size:12px;font-weight:600;white-space:nowrap}.app-payments-playbook .margin-bar-container .margin-segment.profit{background:#dbfa60;overflow:visible;position:relative}.app-payments-playbook .margin-bar-container .margin-segment.profit .segment-label{color:#262d3a;left:calc(100% + 10px);position:absolute}.app-payments-playbook .margin-bar-container .margin-segment.costs{background:#f4f5f7;justify-content:flex-end}.app-payments-playbook .margin-bar-container .margin-segment.costs .segment-label{color:#262d3a8c;padding-right:14px}.app-payments-playbook .margin-bar-container .margin-scale{color:#262d3a66;display:flex;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;justify-content:space-between;margin-top:10px}.app-payments-playbook .calculation-rows{display:flex;flex-direction:column;gap:12px}.app-payments-playbook .calculation-row{align-items:center;border:1px solid #262d3a14;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:16px 18px}.app-payments-playbook .calculation-row.sustainable{background:#dbfa6014;border-color:#c5e156e6}.app-payments-playbook .calculation-row .method-info{align-items:center;display:flex;gap:14px;min-width:0}.app-payments-playbook .calculation-row .method-chip{background:#262d3a0f;border-radius:6px;color:#262d3a99;flex-shrink:0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 10px;text-transform:uppercase}.app-payments-playbook .calculation-row .method-details{display:flex;flex-direction:column;gap:2px;min-width:0}.app-payments-playbook .calculation-row .method-details .method-name{color:#262d3a;font-size:14px;font-weight:600}.app-payments-playbook .calculation-row .method-details .method-rate{color:#262d3a80;font-size:12px}.app-payments-playbook .calculation-row .calculation-result{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.app-payments-playbook .calculation-row .calculation-result .fee-amount{color:#262d3a;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:16px;font-weight:700}.app-payments-playbook .calculation-row .calculation-result .impact-label{color:#262d3a73;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.app-payments-playbook .calculation-row.destructive .fee-amount{color:#dc2626}.app-payments-playbook .economics-conclusion{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}@media screen and (max-width:768px){.app-payments-playbook .economics-conclusion{gap:28px;grid-template-columns:1fr}}.app-payments-playbook .economics-conclusion .conclusion-problem,.app-payments-playbook .economics-conclusion .conclusion-stat{border-top:1px solid #262d3a26;padding-top:20px}.app-payments-playbook .economics-conclusion .conclusion-stat{align-items:flex-start;display:flex;gap:16px}.app-payments-playbook .economics-conclusion .conclusion-stat .stat-number{color:#542fbe;flex-shrink:0;font-size:40px;font-weight:700;line-height:1}.app-payments-playbook .economics-conclusion .conclusion-stat p{color:#3a4459;font-size:15px;line-height:1.6;margin:0}.app-payments-playbook .economics-conclusion .conclusion-problem h4{color:#262d3a;font-size:16px;font-weight:600;margin:0 0 6px}.app-payments-playbook .economics-conclusion .conclusion-problem p{color:#3a4459;font-size:15px;line-height:1.6;margin:0}.app-payments-playbook .rule-grid{grid-gap:40px;display:grid;gap:40px;width:100%}.app-payments-playbook .rule-grid.cols-3{grid-template-columns:repeat(3,1fr)}@media screen and (max-width:992px){.app-payments-playbook .rule-grid.cols-3{gap:28px;grid-template-columns:1fr}}.app-payments-playbook .rule-grid.cols-5{gap:28px;grid-template-columns:repeat(5,1fr)}@media screen and (max-width:992px){.app-payments-playbook .rule-grid.cols-5{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.app-payments-playbook .rule-grid.cols-5{grid-template-columns:1fr}}.app-payments-playbook .rule-item{border-top:1px solid #262d3a26;padding-top:20px}.app-payments-playbook .rule-item .rule-num{color:#542fbe;display:block;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;font-weight:700;margin-bottom:14px}.app-payments-playbook .rule-item h3{color:#262d3a;font-size:18px;font-weight:600;margin:0 0 12px}.app-payments-playbook .rule-item p{color:#3a4459;font-size:15px;line-height:1.65;margin:0}.app-payments-playbook .rule-item ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.app-payments-playbook .rule-item ul li{color:#3a4459;font-size:14px;line-height:1.6;padding-left:16px;position:relative}.app-payments-playbook .rule-item ul li:before{background:#542fbe73;border-radius:50%;content:"";height:5px;left:0;position:absolute;top:9px;width:5px}.app-payments-playbook .rule-item ul li strong{color:#262d3a;font-weight:600}.app-payments-playbook .solution-intro{margin-bottom:40px}.app-payments-playbook .solution-intro p{color:#3a4459;font-size:18px;line-height:1.7;margin:0;max-width:820px}@media screen and (max-width:768px){.app-payments-playbook .solution-intro p{font-size:16px}}.app-payments-playbook .transformation-table{border:1px solid #262d3a14;border-radius:16px;overflow:hidden}@media screen and (max-width:992px){.app-payments-playbook .transformation-table{overflow-x:auto}}.app-payments-playbook .transformation-table .table-header,.app-payments-playbook .transformation-table .table-row{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1.1fr;min-width:640px}.app-payments-playbook .transformation-table .table-header{background:#fafbfc;border-bottom:1px solid #262d3a14}.app-payments-playbook .transformation-table .table-header .col{color:#262d3a73;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.app-payments-playbook .transformation-table .table-row{border-bottom:1px solid #262d3a0f}.app-payments-playbook .transformation-table .table-row:last-child{border-bottom:none}.app-payments-playbook .transformation-table .col{color:#262d3a99;font-size:14px;line-height:1.5;padding:16px 20px}.app-payments-playbook .transformation-table .col.area{color:#262d3a;font-weight:600}.app-payments-playbook .transformation-table .col.highlight{background:#dbfa601f;color:#262d3a;font-weight:600}@media screen and (max-width:768px){.app-payments-playbook .transformation-table .col{font-size:13px;padding:12px 14px}}.app-payments-playbook .competitive-cards{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media screen and (max-width:992px){.app-payments-playbook .competitive-cards{grid-template-columns:1fr;max-width:520px}}.app-payments-playbook .competitive-card{border-radius:20px;padding:36px 32px}@media screen and (max-width:768px){.app-payments-playbook .competitive-card{border-radius:16px;padding:28px 24px}}.app-payments-playbook .competitive-card ul{display:flex;flex-direction:column;gap:14px;list-style:none;margin:24px 0 0;padding:0}.app-payments-playbook .competitive-card li{align-items:flex-start;display:flex;font-size:15px;gap:12px;line-height:1.5}.app-payments-playbook .competitive-card .mark{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;margin-top:1px;width:22px}.app-payments-playbook .competitive-card.traditional{background:#f4f5f7;border:1px solid #262d3a0f}.app-payments-playbook .competitive-card.traditional .card-label{color:#262d3a73}.app-payments-playbook .competitive-card.traditional li{color:#262d3a8c}.app-payments-playbook .competitive-card.traditional .mark.cross{background:#262d3a14;color:#262d3a73}.app-payments-playbook .competitive-card.autonomous{background:#262d3a;border:1px solid #dbfa6066;box-shadow:0 24px 64px #262d3a40}.app-payments-playbook .competitive-card.autonomous .card-label{color:#dbfa60}.app-payments-playbook .competitive-card.autonomous li{color:#ffffffe6}.app-payments-playbook .competitive-card.autonomous .mark.check{background:#dbfa60;color:#262d3a}.app-payments-playbook .banking-note{background:#fff;border:1px solid #262d3a14;border-radius:16px;margin-top:40px;padding:28px 32px}@media screen and (max-width:768px){.app-payments-playbook .banking-note{padding:22px 20px}}.app-payments-playbook .banking-note p{color:#3a4459;font-size:15px;line-height:1.7;margin:12px 0 0}.app-payments-playbook .case-study-card{align-items:center;background:#fff;border:1px solid #262d3a14;border-radius:20px;display:flex;gap:64px;padding:44px 48px}@media screen and (max-width:992px){.app-payments-playbook .case-study-card{align-items:flex-start;flex-direction:column;gap:32px;padding:36px 32px}}@media screen and (max-width:768px){.app-payments-playbook .case-study-card{border-radius:16px;padding:28px 22px}}.app-payments-playbook .case-study-card .case-study-text{flex:1 1;min-width:0}.app-payments-playbook .case-study-card .case-study-text h3{color:#262d3a;font-size:24px;font-weight:600;margin:12px 0}@media screen and (max-width:768px){.app-payments-playbook .case-study-card .case-study-text h3{font-size:20px}}.app-payments-playbook .case-study-card .case-study-text p{color:#3a4459;font-size:15px;line-height:1.65;margin:0 0 20px;max-width:480px}.app-payments-playbook .case-study-card .case-study-text .case-study-link{color:#542fbe;font-size:15px;font-weight:600;text-decoration:none}.app-payments-playbook .case-study-card .case-study-text .case-study-link:hover{text-decoration:underline}.app-payments-playbook .case-study-card .case-study-metrics{display:flex;flex-direction:column;flex-shrink:0;gap:24px}@media screen and (max-width:992px){.app-payments-playbook .case-study-card .case-study-metrics{flex-direction:row;gap:40px}}@media screen and (max-width:768px){.app-payments-playbook .case-study-card .case-study-metrics{flex-wrap:wrap;gap:24px}}.app-payments-playbook .case-study-card .case-study-metrics .metric-item{display:flex;flex-direction:column;gap:4px}.app-payments-playbook .case-study-card .case-study-metrics .metric-value{color:#262d3a;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:24px;font-weight:700}@media screen and (max-width:768px){.app-payments-playbook .case-study-card .case-study-metrics .metric-value{font-size:19px}}.app-payments-playbook .case-study-card .case-study-metrics .metric-label{color:#262d3a73;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.app-payments-playbook .share-section .share-content{align-items:center;border-top:1px solid #262d3a26;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding-top:40px}.app-payments-playbook .share-section .share-header h3{color:#262d3a;font-size:18px;font-weight:600;margin:0 0 4px}.app-payments-playbook .share-section .share-header p{color:#262d3a8c;font-size:14px;margin:0}.app-payments-playbook .share-section .share-buttons{display:flex;flex-wrap:wrap;gap:10px}.app-payments-playbook .share-section .share-button{background:#fff;border:1px solid #262d3a26;border-radius:100px;color:#262d3a;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.app-payments-playbook .share-section .share-button:hover{border-color:#542fbe;color:#542fbe}.app-payments-playbook .cta{margin-bottom:0}.app-payments-playbook .cta .cta-panel{background:#262d3a;border-radius:24px;overflow:hidden;padding:72px 40px;position:relative;text-align:center}.app-payments-playbook .cta .cta-panel:before{background:linear-gradient(135deg,#542fbe2e,#0000 50%,#dbfa600f);content:"";inset:0;pointer-events:none;position:absolute}@media screen and (max-width:768px){.app-payments-playbook .cta .cta-panel{border-radius:16px;padding:48px 24px}}.app-payments-playbook .cta .cta-panel h2{color:#fff;font-size:40px;font-weight:700;line-height:1.15;margin-bottom:16px;position:relative}.app-payments-playbook .cta .cta-panel h2 span{color:#dbfa60}@media screen and (max-width:992px){.app-payments-playbook .cta .cta-panel h2{font-size:32px}}@media screen and (max-width:768px){.app-payments-playbook .cta .cta-panel h2{font-size:26px}}.app-payments-playbook .cta .cta-panel p{color:#fffc;font-size:17px;line-height:1.65;margin:0 auto 36px;max-width:640px;position:relative}@media screen and (max-width:768px){.app-payments-playbook .cta .cta-panel p{font-size:15px;margin-bottom:28px}}.app-payments-playbook .cta .cta-panel .cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;position:relative}.app-payments-playbook .cta .cta-panel .cta-button{align-items:center;border-radius:12px;display:inline-flex;font-size:16px;font-weight:600;padding:16px 28px;text-decoration:none;transition:all .3s ease}.app-payments-playbook .cta .cta-panel .cta-button.primary{background:#dbfa60;color:#262d3a}.app-payments-playbook .cta .cta-panel .cta-button.primary:hover{background:#c5e156;box-shadow:0 8px 24px #dbfa604d;transform:translateY(-2px)}.app-payments-playbook .cta .cta-panel .cta-button.secondary{background:#0000;border:1px solid #ffffff59;color:#fff}.app-payments-playbook .cta .cta-panel .cta-button.secondary:hover{border-color:#dbfa60;color:#dbfa60;transform:translateY(-2px)}@media screen and (max-width:768px){.app-payments-playbook .cta .cta-panel .cta-button{font-size:14px;padding:14px 20px}}
/*# sourceMappingURL=254.779a68a9.chunk.css.map*/