
/* 2026-10-15: pay2pay editorial and featured launch */
.p2p-feature{position:relative;isolation:isolate;overflow:hidden;margin:34px auto 50px;padding:clamp(23px,4vw,62px);max-width:1250px;border:1px solid #9974ff80;border-radius:30px;background:radial-gradient(circle at 85% 10%,#6638d9 0%,transparent 44%),linear-gradient(125deg,#100a35,#281375 60%,#171038);color:white;box-shadow:0 20px 65px #311a783b}
.p2p-feature-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(20px,4vw,60px);align-items:center}
.p2p-feature .eyebrow{font-size:.8rem;letter-spacing:.21em;text-transform:uppercase;color:#c3b6ff;font-weight:750}
.p2p-feature h2{font-size:clamp(2.6rem,6vw,5.8rem);line-height:1.02;letter-spacing:-.05em;margin:15px 0 20px;color:white}
.p2p-feature h2 em{font-style:normal;background:linear-gradient(90deg,#df93ff,#6bd9ff);color:transparent;background-clip:text}
.p2p-feature p{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;color:#f0e9ff}
.p2p-feature .p2p-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.p2p-feature .p2p-btn,.p2p-article .p2p-btn{display:inline-flex;text-decoration:none;border-radius:999px;padding:15px 22px;background:linear-gradient(95deg,#8c35ff,#3baaff);color:#fff!important;font-weight:750;align-items:center;justify-content:center}
.p2p-feature .p2p-btn.secondary{background:#ffffff18;border:1px solid #ffffff79}
.p2p-feature img{display:block;width:100%;max-height:550px;object-fit:contain;border-radius:20px}
.p2p-feature .p2p-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.p2p-feature .p2p-tags span{padding:7px 13px;border:1px solid #c6b6ff77;border-radius:30px;font-size:.86rem}
.p2p-article{max-width:1180px;margin:35px auto 90px;padding:0 22px;color:#15132f}.p2p-article .intro{font-size:1.2rem;line-height:1.75;max-width:890px}.p2p-article h1{font-size:clamp(2.5rem,5vw,5.1rem);line-height:1.08;letter-spacing:-.04em}.p2p-article h2{font-size:clamp(1.7rem,3vw,2.6rem);margin:45px 0 17px}.p2p-article h3{font-size:1.2rem}.p2p-article p,.p2p-article li{line-height:1.7}.p2p-article .p2p-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.p2p-article .p2p-card{border:1px solid #ded4ff;border-radius:20px;padding:22px;background:linear-gradient(145deg,#fff,#f3efff)}.p2p-article .p2p-card h3{margin-top:0}.p2p-article .p2p-hero{border-radius:26px;width:100%;max-height:680px;object-fit:contain;background:#faf8ff;margin-top:25px}.p2p-article .p2p-faq details{margin:10px 0;padding:18px;border:1px solid #ddd2ff;border-radius:14px}.p2p-article .p2p-faq summary{cursor:pointer;font-weight:750}.p2p-article .p2p-note{margin:25px 0;padding:19px 23px;background:#f0efff;border-left:5px solid #713bff;border-radius:12px}.p2p-article .breadcrumbs{padding:22px 0;color:#655f92}.p2p-article .breadcrumbs a{color:#5d27cb}
@media(max-width:780px){.p2p-feature-grid{grid-template-columns:1fr}.p2p-feature img{max-height:420px}.p2p-article .p2p-grid{grid-template-columns:1fr}.p2p-feature{margin:20px 14px 35px}}


/* 2026-10-15 readability + section design refresh */
.p2p-feature--page{margin-top:30px}
.p2p-feature--page h1{font-size:clamp(2.6rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.05em;margin:15px 0 20px;color:#fff}
.p2p-article .p2p-block{margin-top:42px}
.p2p-article .p2p-grid{margin-top:18px}
.p2p-article .p2p-card,.p2p-article .p2p-step,.p2p-article .p2p-benefit{border:1px solid #ddd2ff;border-radius:20px;padding:22px;background:linear-gradient(145deg,#ffffff,#f5f1ff);box-shadow:0 14px 40px rgba(32,21,72,.06)}
.p2p-article .p2p-card p,.p2p-article .p2p-step p,.p2p-article .p2p-benefit p{margin-bottom:0;color:#383459}
.p2p-article .p2p-steps,.p2p-article .p2p-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.p2p-article .p2p-step span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;font-weight:800;color:#fff;background:linear-gradient(135deg,#8b39ff,#2ea7ff);margin-bottom:14px}
.p2p-article .p2p-cta-band{margin:52px 0 10px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#14103a,#24217a);color:#fff;box-shadow:0 18px 55px rgba(36,33,122,.22)}
.p2p-article .p2p-cta-band h2,.p2p-article .p2p-cta-band p{color:#fff}
.p2p-article .p2p-btn.secondary{background:#ffffff12;border:1px solid #ffffff66;color:#fff!important}
@media(max-width:980px){.p2p-article .p2p-steps,.p2p-article .p2p-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.p2p-article .p2p-steps,.p2p-article .p2p-benefits{grid-template-columns:1fr}.p2p-feature--page{margin:20px 14px 35px}}


/* 2026-10-15 REV7 visual refinement */
body:has(.p2p-article){background:radial-gradient(circle at 12% 0%,rgba(90,74,255,.18),transparent 28%),radial-gradient(circle at 100% 0%,rgba(36,211,255,.12),transparent 24%),linear-gradient(180deg,#090816 0%,#0b0a1d 24%,#111028 42%,#f5f2ff 42%,#f8f7ff 100%)}
.p2p-feature--page{margin-bottom:26px}
.p2p-feature--page .eyebrow{color:#d7cbff}
.p2p-feature--page p{max-width:720px}
.p2p-article{position:relative;max-width:1240px;margin:0 auto 90px;padding:34px 28px 56px;border-radius:34px;background:linear-gradient(180deg,#ffffff 0%,#faf7ff 100%);border:1px solid rgba(132,105,255,.14);box-shadow:0 30px 100px rgba(18,12,55,.14)}
.p2p-article::before{content:"";position:absolute;inset:0 0 auto 0;height:7px;border-radius:34px 34px 0 0;background:linear-gradient(90deg,#8d39ff,#45b6ff)}
.p2p-article .breadcrumbs{padding:4px 0 14px;color:#5f5a8d;font-weight:600}
.p2p-article .breadcrumbs a{color:#5a31d4;text-decoration:none}
.p2p-article h2{color:#141228;line-height:1.08;letter-spacing:-.03em}
.p2p-article .intro{font-size:1.12rem;color:#3e3b60;max-width:920px}
.p2p-article .p2p-hero{border-radius:28px;width:100%;max-height:700px;object-fit:contain;background:linear-gradient(180deg,#ffffff,#f1ecff);border:1px solid rgba(132,105,255,.14);box-shadow:0 20px 60px rgba(40,27,96,.10);padding:14px}
.p2p-block{margin-top:38px;padding:28px;border-radius:28px;background:linear-gradient(180deg,#fff 0%,#f8f5ff 100%);border:1px solid rgba(132,105,255,.12);box-shadow:0 14px 42px rgba(40,27,96,.05)}
.p2p-block > h2{margin-top:0;margin-bottom:18px;font-size:clamp(1.9rem,3vw,2.6rem)}
.p2p-block > h2::after{content:"";display:block;width:92px;height:4px;margin-top:12px;border-radius:999px;background:linear-gradient(90deg,#8b39ff,#38b0ff)}
.p2p-article .p2p-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.p2p-article .p2p-card{position:relative;overflow:hidden;border:1px solid rgba(132,105,255,.14);border-radius:24px;padding:22px 22px 20px;background:linear-gradient(180deg,#ffffff 0%,#fbf9ff 100%);box-shadow:0 16px 34px rgba(40,27,96,.08);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.p2p-article .p2p-card::before{content:"";position:absolute;left:18px;top:0;width:84px;height:5px;border-radius:0 0 20px 20px;background:linear-gradient(90deg,#8d39ff,#44b5ff)}
.p2p-article .p2p-card::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(114,74,255,.11) 0%,rgba(114,74,255,0) 68%);pointer-events:none}
.p2p-article .p2p-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(40,27,96,.12);border-color:rgba(132,105,255,.28)}
.p2p-article .p2p-card h3{margin:8px 0 10px;color:#17152f;font-size:1.16rem}
.p2p-article .p2p-card p{color:#5a567c;line-height:1.72}
.p2p-article .p2p-note{margin:24px 0 0;padding:20px 22px;background:linear-gradient(90deg,#f3edff,#edf7ff);border:1px solid rgba(132,105,255,.12);border-left:5px solid #7b42ff;border-radius:18px;color:#322f4d}
.p2p-article .p2p-steps,.p2p-article .p2p-benefits{gap:20px}
.p2p-article .p2p-step,.p2p-article .p2p-benefit{position:relative;border:1px solid rgba(132,105,255,.14);border-radius:24px;padding:24px;background:linear-gradient(180deg,#ffffff 0%,#f8f5ff 100%);box-shadow:0 16px 34px rgba(40,27,96,.06)}
.p2p-article .p2p-step h3,.p2p-article .p2p-benefit h3{color:#17152f;margin:4px 0 10px}
.p2p-article .p2p-step p,.p2p-article .p2p-benefit p{color:#595576}
.p2p-article .p2p-faq details{background:#fff;border:1px solid rgba(132,105,255,.14);border-radius:18px;padding:18px 20px;box-shadow:0 10px 24px rgba(40,27,96,.05)}
.p2p-article .p2p-faq summary{font-weight:780;color:#191735}
.p2p-article .p2p-faq p{margin-top:12px;color:#58557a}
.p2p-article .p2p-cta-band{margin:46px 0 0;padding:34px;border-radius:28px;background:radial-gradient(circle at 100% 0%,rgba(94,140,255,.28),transparent 26%),linear-gradient(135deg,#17123f,#2b247d 52%,#1d3f96 100%);color:#fff;box-shadow:0 20px 60px rgba(36,33,122,.22)}
.p2p-article .p2p-cta-band h2{color:#fff}
.p2p-article .p2p-cta-band p{color:#eceaff;max-width:780px}
.p2p-article .p2p-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.p2p-article .p2p-btn{box-shadow:0 12px 34px rgba(97,69,255,.24)}
.p2p-article .p2p-btn.secondary{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.55)!important;color:#fff!important}
@media(max-width:1100px){.p2p-article .p2p-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p2p-article{padding:30px 22px 48px}}
@media(max-width:780px){body:has(.p2p-article){background:linear-gradient(180deg,#090816 0%,#0b0a1d 18%,#111028 34%,#f5f2ff 34%,#f8f7ff 100%)}.p2p-article{padding:24px 16px 42px;border-radius:26px}.p2p-block{padding:22px 18px}.p2p-article .p2p-grid{grid-template-columns:1fr}.p2p-feature--page h1{font-size:clamp(2.2rem,9vw,3.5rem)}}
