.payment-hero{background:radial-gradient(circle at 80% 30%,#126f82 0,#07344f 33%,#061d33 72%)}.modal-box{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:8px}.modal{background:#eef6f8;border-top:3px solid #1596ac;padding:21px}.modal.result{background:#07344b;color:#fff}.modal small{color:#0784a2;letter-spacing:.15em}.modal.result small{color:#56dcdb}.modal b{display:block;margin:12px 0 8px}.modal p{font-size:10px;margin:0}.modal.result p{color:#bbd0d7}.plus,.equal{display:grid;place-items:center;color:#13a3b5;font-size:22px}.pay-flow{display:flex;align-items:stretch;background:#071f35;padding:18px;overflow-x:auto}.pay-flow>div{min-width:110px;flex:1;background:#0c344c;padding:15px}.pay-flow b{display:block;color:#58dfdc;font-size:18px}.pay-flow span{display:block;color:#fff;font-size:11px;margin:9px 0}.pay-flow small{display:block;color:#9fb8c4;font-size:9px;line-height:1.5}.pay-flow i{display:grid;place-items:center;color:#53d9dc;padding:0 5px;font-style:normal}.transport-use,.metro-grid,.security-grid,.privacy-grid,.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.transport-use>div,.metro-grid section,.security-grid>div,.privacy-grid>div,.platform-grid>div{border:1px solid var(--line);padding:19px;background:#fff}.transport-use b,.metro-grid b,.security-grid b,.privacy-grid b,.platform-grid b{display:block;font-size:13px;margin-bottom:8px}.transport-use p,.metro-grid span,.security-grid span,.privacy-grid span,.platform-grid span{display:block;font-size:10px;line-height:1.75;color:#687d8c}.metro-grid section{border-top:3px solid #1493ad}.security-grid>div{background:#f0f6f8}.platform-grid{grid-template-columns:repeat(4,1fr);margin-top:12px}.platform-grid>div{background:#0a3047;color:#fff;border:0}.platform-grid b{color:#59dcda}.platform-grid span{color:#aec4cd}.steps{grid-template-columns:repeat(3,1fr)}.value-grid{grid-template-columns:repeat(3,1fr)}.boundary{background:#fff8f1;border-left:3px solid #e97838;padding:18px;color:#765f4e!important}.product-choice td a{color:#0878ba;font-weight:700}.product-choice small{display:block;color:#748694;line-height:1.6;margin-top:5px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-size:13px;font-weight:700;cursor:pointer}.faq p{font-size:12px}@media(max-width:760px){.modal-box{grid-template-columns:1fr}.plus,.equal{min-height:25px}.transport-use,.metro-grid,.security-grid,.privacy-grid,.platform-grid,.steps,.value-grid{grid-template-columns:1fr}.pay-flow{display:grid;grid-template-columns:1fr}.pay-flow i{padding:5px;transform:rotate(90deg)}}
