.solutions .solution-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:28px}
.demo-topline .demo-brand-logo{width:104px;height:35px;object-fit:contain;letter-spacing:0}
.payment-demo.pix-checkout{display:grid;grid-template-columns:137px minmax(0,1fr);padding:0;min-height:495px;background:#fff;color:#0b1940;max-width:none;border-color:#dce4f4}
.pix-sidebar{position:relative;display:flex;flex-direction:column;padding:24px 15px;background:radial-gradient(ellipse at 0 100%,#063779,#041234 70%);color:#fff;overflow:hidden}
.pix-sidebar:after{content:"";position:absolute;border:1px solid #2665e730;width:260px;height:400px;border-radius:50%;left:-190px;bottom:-230px;box-shadow:0 0 0 13px #2665e708,0 0 0 27px #2665e708;pointer-events:none}
.pix-brand{padding:0;background:transparent;border-radius:0;margin-bottom:26px}.pix-brand img{width:100%;height:auto;display:block}.pix-security{font-size:9px;color:#c8d6f7;background:#26376670;padding:9px 6px;border-radius:7px;text-align:center}
.pix-sidebar h4{font-size:19px;line-height:1.5;letter-spacing:-.5px;margin:22px 0;font-weight:600}.pix-sidebar h4 em{font-style:normal;color:#00cea7}.pix-side-feature{display:flex;align-items:center;gap:8px;padding:14px 0;border-top:1px solid #ffffff15;font-size:9px;line-height:1.5}.pix-side-feature img{width:23px;height:23px;filter:brightness(1.5)}.pix-sidebar>small{font-size:7px;letter-spacing:1.4px;margin-top:auto;padding-top:24px;color:#879bbf}
.pix-main{padding:23px 19px 16px;min-width:0}.pix-checkout .scene-control{top:8px;right:8px;width:23px;height:23px;font-size:10px;background:#eef3ff;color:#1c3972;border-color:#dde6fa}
.pix-steps{display:flex;gap:9px;justify-content:space-between;padding:0 0 21px;padding-right:8px;border-bottom:1px solid #edf0f8}.pix-steps>span{display:flex;align-items:center;gap:4px;font-size:8px;color:#7d88a4}.pix-steps i{display:grid;place-items:center;width:19px;height:19px;font-size:9px;border:1px solid #d7e1f5;border-radius:50%;font-style:normal}.pix-current i{background:#1447ff;color:white;border-color:#1447ff}.pix-steps .pix-current{color:#0c2047;font-weight:600}
.pix-checkout .checkout-stage{padding:0;min-height:370px;border:0;border-radius:0;box-shadow:none;background:white;margin-top:19px}.pix-checkout .checkout-stage>h4{font-size:16px;letter-spacing:-.4px;margin:0;line-height:1.4}.pix-description{font-size:10px!important;color:#67779a!important;margin:7px 0 16px!important}
.pix-selectors{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pix-selectors>div{display:flex;align-items:center;gap:7px;padding:11px 9px;border:1px solid #dce4f3;border-radius:8px;font-size:10px}.pix-selectors img{width:19px;height:19px;object-fit:contain}.pix-selectors strong{font-size:10px}.pix-selectors span{margin-left:auto;color:#1649fa}
.pix-payment-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;align-items:stretch}.pix-qr-panel{padding:12px 9px;text-align:center;border:1px solid #e1e7f3;border-radius:9px}.pix-qr-panel>strong{display:block;font-size:10px;margin-bottom:9px}.pix-qr{position:relative;max-width:120px;margin:auto;background:white;overflow:hidden}.pix-qr>img{width:100%;display:block}.pix-qr-panel>small{display:block;font-size:7px;color:#8591aa;margin-top:7px}.pix-scan-line{position:absolute;left:5%;right:5%;height:2px;top:5%;opacity:0;background:#05c9a0;box-shadow:0 0 15px 5px #05c9a02b}
.pix-checkout[data-step="1"] .pix-scan-line{opacity:1;animation:pix-scan 1.2s ease-in-out infinite alternate}.pix-payment-details{padding:13px 10px;border:1px solid #e1e7f3;border-radius:9px;background:linear-gradient(#fff,#f7faff)}.pix-payment-details>span{font-size:7px;letter-spacing:.3px;color:#62749b}.pix-payment-details dl{display:grid;grid-template-columns:1fr auto;gap:12px 3px;font-size:9px;margin:17px 0;padding-bottom:15px;border-bottom:1px solid #e4eaf7}.pix-payment-details dd{margin:0}.pix-total{display:grid;gap:6px}.pix-total small{font-size:9px}.pix-total strong{font-size:17px;color:#1246ff;white-space:nowrap}.pix-status-note{font-size:8px;color:#65827a;line-height:1.5;margin-top:17px}.pix-status-note i{font-style:normal;color:#04af83}
.pix-checkout .demo-pay{background:#1043ff;padding:13px;margin-top:14px;border-radius:9px;font-size:11px;box-shadow:0 6px 14px #1043ff20}.pix-checkout .demo-cursor{bottom:3px;right:21%;width:23px}.pix-checkout .checkout-success{background:#fff;gap:15px;border:1px solid #e5edfa;border-radius:14px}.pix-checkout .checkout-success>strong{font-size:22px;color:#101e44}.pix-checkout .checkout-success>small{color:#728099}.pix-checkout .scene-caption{font-size:8px;color:#8c97ac;margin-top:12px}.pix-checkout[data-step="3"] .pix-current i{background:#eff4fc;color:#6c7ea7;border-color:#e0e7f6}.pix-checkout[data-step="3"] .pix-confirm-step i{background:#08b58b;color:white;border-color:#08b58b}.pix-checkout[data-step="3"] .pix-confirm-step{color:#079674}
.pix-receipt{display:flex;align-items:center;justify-content:space-between;width:80%;border-top:1px dashed #ccd9eb;padding-top:17px;margin-top:15px}.pix-receipt img{width:90px;height:auto}.pix-receipt>span{font-size:9px;color:#7485a1}.pix-receipt b{color:#07ac83;margin-left:5px}
@keyframes pix-scan{to{top:90%}}
@media(max-width:1200px){.solutions .solution-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}.payment-demo.pix-checkout{grid-template-columns:112px minmax(0,1fr)}.pix-sidebar{padding:23px 12px}.pix-sidebar h4{font-size:17px}.pix-main{padding:24px 13px 16px}.pix-payment-details{padding:12px 8px}.pix-steps{gap:5px}.pix-steps>span{font-size:7px}}
@media(max-width:1000px){.solutions .solution-grid{grid-template-columns:1fr}.payment-demo.pix-checkout{grid-template-columns:160px minmax(0,1fr);max-width:700px;width:100%;margin:auto}.pix-sidebar{padding:28px 20px}.pix-sidebar h4{font-size:22px}.pix-main{padding:26px}.pix-checkout .checkout-stage>h4{font-size:21px}.pix-steps>span{font-size:10px}.pix-checkout .checkout-stage{min-height:375px}.pix-qr{max-width:135px}.pix-payment-details{padding:17px}.pix-total strong{font-size:21px}.pix-payment-details dl{font-size:11px}.pix-selectors>div{padding:14px}.pix-selectors strong{font-size:12px}.pix-qr-panel>strong{font-size:12px}.pix-side-feature{font-size:11px}.pix-payment-details>span{font-size:8px}}
@media(max-width:550px){.payment-demo.pix-checkout{grid-template-columns:1fr}.pix-sidebar{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:12px;padding:15px 18px}.pix-brand{margin:0;padding:0}.pix-sidebar h4{font-size:14px;line-height:1.4;margin:0;padding-right:13px}.pix-sidebar h4 br{display:none}.pix-security,.pix-side-feature,.pix-sidebar>small{display:none}.pix-main{padding:20px 17px 15px}.pix-checkout .scene-control{background:#223962;color:#fff;border-color:#526787}.pix-checkout .checkout-stage>h4{font-size:18px}.pix-checkout .checkout-stage{min-height:365px}.pix-steps>span{font-size:8px}.pix-payment-details{padding:13px 10px}.pix-payment-details dl{font-size:10px}.pix-total strong{font-size:18px}.pix-qr-panel>strong{font-size:10px}.pix-qr{max-width:115px}.pix-selectors>div{padding:11px}.pix-qr-panel>small{font-size:6px}.pix-checkout .checkout-success>strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.pix-scan-line{animation:none!important;display:none}}

/* Both demonstrations share the same columns and intrinsic row height. */
.solutions .solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;column-gap:28px;row-gap:0}
.solutions .solution-grid>article{display:grid;grid-template-rows:minmax(540px,auto) auto auto auto;min-width:0}
.solutions .solution-grid>article>.payment-demo{width:100%;max-width:none;min-height:540px;margin:0;box-sizing:border-box;border-radius:27px}
.solutions .solution-grid>article>[data-scene="payout"]{display:flex;flex-direction:column}
.solutions [data-scene="payout"] .payout-rows{flex:1;display:grid;align-content:space-evenly}
.solutions .pix-main{display:flex;flex-direction:column}
.solutions .pix-main>.checkout-stage{flex:1;display:flex;flex-direction:column}
.solutions .pix-main>.checkout-stage>.demo-pay{margin-top:auto}
.solutions .pix-payment-body{margin-bottom:16px}
.solutions .solution-grid>article>h3{margin-top:24px;margin-bottom:12px}
@supports(grid-template-rows:subgrid){.solutions .solution-grid>article{grid-template-rows:subgrid;grid-row:span 4}}
@media(max-width:1000px){
 .solutions .solution-grid{grid-template-columns:minmax(0,1fr);row-gap:36px}
 .solutions .solution-grid>article{display:flex;flex-direction:column;grid-row:auto;max-width:700px;width:100%;margin-inline:auto}
 .solutions .solution-grid>article>.payment-demo{min-height:540px}
}
@media(max-width:550px){
 .solutions .solution-grid>article>.payment-demo{min-height:520px}
 .solutions .pix-main>.checkout-stage{min-height:365px}
}