/*! Open Banking 2026 — scoped styles from the live page, 30 September 2026. */
.p2sew.p2sew-ob {
 background: #f8faf7; color: #1c402e; font: 400 16px/1.7 "Pay2S Nunito", Nunito, sans-serif;
 --p2s-font-body: "Pay2S Nunito", Nunito, sans-serif; --p2s-muted: #748879;
}
.p2sew.p2sew-ob .ob-container { max-width:1440px; margin:0 auto; padding:0 44px; display:flow-root; }
.p2sew.p2sew-ob.p2sew-ob--hero .ob-container { padding-top:65px; }
.p2sew.p2sew-ob.p2sew-ob--final .ob-container { padding-bottom:65px; }
.p2sew.p2sew-ob :is(h1,h2,h3) { font-family:inherit; font-weight:700; }
.p2sew.p2sew-ob p { margin:0 0 16px; }
.p2sew.p2sew-ob :is(a,button,summary) { font-family:inherit; text-transform:none; text-decoration:none; box-shadow:none; }
.p2sew.p2sew-ob :is(a,button):is(:hover,:focus,:visited) { text-decoration:none; }
.p2sew.p2sew-ob :where(section,article) { margin:0; padding:0; border:0; background:transparent; }
.p2sew.p2sew-ob b { font-weight:700; }
.p2sew.p2sew-ob svg { display:inline-block; vertical-align:middle; flex-shrink:0; }
.p2sew.p2sew-ob [hidden] { display:none !important; }
.p2sew.p2sew-ob [id] { scroll-margin-top:95px; }
.p2sew.p2sew-ob .ob-channel-panel + .ob-channel-panel { margin-top:16px; }
.p2sew.p2sew-ob.ob-tabs-ready .ob-channel-panel { margin-top:0; }
.p2sew.p2sew-ob h1,.p2sew.p2sew-ob h2,.p2sew.p2sew-ob h3 {
	color:#193f2c;
	letter-spacing:-.7px}
.p2sew.p2sew-ob h2 {
	font-size:32px;
	line-height:1.3}
.p2sew.p2sew-ob h3 {
	font-size:20px;
	line-height:1.4}
.p2sew.p2sew-ob p {
	font-size:14px;
	line-height:1.85;
	color:#748879}
.p2sew.p2sew-ob .ob-eyebrow {
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:10px;
	font-weight:700;
	letter-spacing:1.5px;
	color:#238857}
.p2sew.p2sew-ob .ob-hero {
	display:grid;
	grid-template-columns:1.15fr 1fr;
	gap:75px;
	align-items:center;
	padding:20px 0 65px}
.p2sew.p2sew-ob .ob-hero h1 {
	font-size:clamp(39px,4.2vw,63px);
	line-height:1.14;
	letter-spacing:-2px;
	margin:24px 0}
.p2sew.p2sew-ob .ob-hero h1 em {
	font-style:normal;
	color:#178b5c}
.p2sew.p2sew-ob .ob-hero>div>p {
	max-width:520px;
	font-size:16px}
.p2sew.p2sew-ob .ob-actions {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:12px;
	margin:28px 0}
.p2sew.p2sew-ob .ob-actions a {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:15px;
	border:1px solid #d7e5d8;
	border-radius:9px;
	padding:14px 20px;
	font-size:13px;
	font-weight:600;
	background:#fff;
	color:#2c6741}
.p2sew.p2sew-ob .ob-actions a.ob-primary {
	background:#087f50;
	color:#fff;
	border-color:#087f50}
.p2sew.p2sew-ob .ob-hero-note {
	display:flex;
	align-items:center;
	gap:8px;
	font-size:12px;
	color:#68816f}
.p2sew.p2sew-ob .ob-hero-note svg {
	color:#228f5e}
.p2sew.p2sew-ob .ob-value-strip {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	border:1px solid #dfe9da;
	border-radius:14px;
	background:#fff;
	padding:28px;
	margin:10px 0 75px}
.p2sew.p2sew-ob .ob-value-strip>div {
	padding:0 26px;
	border-right:1px solid #e3ebdd}
.p2sew.p2sew-ob .ob-value-strip>div:last-child {
	border:0}
.p2sew.p2sew-ob .ob-value-strip b,.p2sew.p2sew-ob .ob-value-strip span {
	display:block}
.p2sew.p2sew-ob .ob-value-strip b {
	font-size:21px;
	color:#247c47}
.p2sew.p2sew-ob .ob-value-strip span {
	font-size:12px;
	color:#87977e;
	margin-top:7px}
.p2sew.p2sew-ob .ob-heading h2 {
	margin:18px 0 20px}
.p2sew.p2sew-ob .ob-heading p {
	max-width:640px}
.p2sew.p2sew-ob .ob-channel-buttons {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:27px 0 20px}
.p2sew.p2sew-ob .ob-channel-buttons button {
	display:flex;
	align-items:center;
	gap:9px;
	border:1px solid #dce8d7;
	background:#fff;
	border-radius:9px;
	padding:12px 20px;
	font-size:13px;
	color:#577652;
	cursor:pointer}
.p2sew.p2sew-ob .ob-channel-buttons button[aria-selected=true] {
	background:#164d30;
	color:#fff;
	border-color:#164d30}
.p2sew.p2sew-ob .ob-channel-panel {
	display:grid;
	grid-template-columns:1fr 1fr;
	align-items:center;
	gap:60px;
	padding:38px;
	background:#edf5e8;
	border:1px solid #dfead8;
	border-radius:18px;
	min-height:340px}
.p2sew.p2sew-ob .ob-feature-icon {
	display:grid;
	place-items:center;
	width:52px;
	height:52px;
	background:#fff;
	border-radius:14px;
	color:#198953;
	margin-bottom:20px}
.p2sew.p2sew-ob .ob-channel-panel h3 {
	margin:0 0 14px}
.p2sew.p2sew-ob .ob-channel-panel a,.p2sew.p2sew-ob .ob-ecosystem a {
	display:inline-flex;
	align-items:center;
	gap:10px;
	color:#19834e;
	font-size:12px;
	font-weight:600;
	margin-top:10px}
.p2sew.p2sew-ob .ob-channel-panel ol {
	list-style:none;
	padding:0;
	margin:0;
	display:grid;
	gap:13px}
.p2sew.p2sew-ob .ob-channel-panel li {
	display:flex;
	align-items:center;
	gap:15px;
	padding:20px;
	background:#fff;
	border:1px solid #dce7d7;
	border-radius:10px;
	font-size:12px}
.p2sew.p2sew-ob .ob-channel-panel li>span {
	font-family:monospace;
	color:#8ab084}
.p2sew.p2sew-ob .ob-channel-panel li>b {
	font-weight:500;
	flex:1}
.p2sew.p2sew-ob .ob-channel-panel li>svg {
	color:#68a569;
	flex-shrink:0}
.p2sew.p2sew-ob .ob-workflow {
	padding:75px 0}
.p2sew.p2sew-ob .ob-workflow-grid {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
	margin-top:30px}
.p2sew.p2sew-ob .ob-workflow-grid article {
	border-top:2px solid #c4ddbf;
	padding:25px 0}
.p2sew.p2sew-ob .ob-workflow-grid article>span {
	font:12px monospace;
	color:#7caa70}
.p2sew.p2sew-ob .ob-workflow-grid h3 {
	font-size:17px;
	margin:20px 0 12px}
.p2sew.p2sew-ob .ob-workflow-grid p {
	font-size:13px;
	margin:0}
.p2sew.p2sew-ob .ob-ecosystem>div:last-child {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:18px;
	margin-top:28px}
.p2sew.p2sew-ob .ob-ecosystem article {
	display:flex;
	flex-direction:column;
	align-items:start;
	background:#fff;
	border:1px solid #dfe8da;
	border-radius:15px;
	padding:28px}
.p2sew.p2sew-ob .ob-ecosystem article>svg {
	color:#2a8b51;
	margin-bottom:23px}
.p2sew.p2sew-ob .ob-ecosystem h3 {
	font-size:18px;
	margin:0 0 13px}
.p2sew.p2sew-ob .ob-ecosystem p {
	font-size:13px;
	flex:1}
.p2sew.p2sew-ob .ob-developers {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:65px;
	padding:40px;
	border-radius:18px;
	background:#143b29;
	margin:65px 0;
	color:#fff;
	align-items:center}
.p2sew.p2sew-ob .ob-developers .ob-eyebrow {
	color:#91bd9b}
.p2sew.p2sew-ob .ob-developers h2 {
	color:#eff8ed;
	margin:18px 0}
.p2sew.p2sew-ob .ob-developers p {
	color:#b0c5ae}
.p2sew.p2sew-ob .ob-developers .ob-actions {
	margin-bottom:0}
.p2sew.p2sew-ob .ob-doc-list {
	display:grid;
	gap:12px;
	min-width:0}
.p2sew.p2sew-ob .ob-doc-list>a {
	display:flex;
	align-items:center;
	gap:13px;
	padding:20px;
	border:1px solid #42634b;
	border-radius:11px;
	background:#ffffff07;
	color:#c8e6c7}
.p2sew.p2sew-ob .ob-doc-list>a>div {
	flex:1}
.p2sew.p2sew-ob .ob-doc-list b {
	display:block;
	color:#f4faf1;
	font-size:13px}
.p2sew.p2sew-ob .ob-doc-list span {
	display:block;
	color:#a2bfa0;
	font-size:11px;
	margin-top:7px}
.p2sew.p2sew-ob .ob-doc-list svg {
	flex-shrink:0}
.p2sew.p2sew-ob .ob-partners {
	scroll-margin-top:95px}
.p2sew.p2sew-ob .ob-partner-grid {
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:16px;
	margin-top:30px}
.p2sew.p2sew-ob .ob-partner-grid>a {
	display:block;
	background:#fff;
	border:1px solid #e1e9dd;
	padding:14px;
	border-radius:12px;
	color:#37643e;
	min-width:0}
.p2sew.p2sew-ob .ob-partner-grid img {
	width:100%;
	height:160px;
	object-fit:contain;
	background:#f8faf6}
.p2sew.p2sew-ob .ob-partner-grid span {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:15px;
	font-size:13px}
.p2sew.p2sew-ob .ob-partner-grid small {
	color:#80967b;
	font-size:11px}
.p2sew.p2sew-ob .ob-faq {
	display:grid;
	grid-template-columns:.85fr 1.4fr;
	gap:70px;
	margin:75px 0;
	align-items:start}
.p2sew.p2sew-ob .ob-faq h2 {
	margin:18px 0}
.p2sew.p2sew-ob .ob-faq details {
	border-bottom:1px solid #dce6d5;
	padding:20px 0}
.p2sew.p2sew-ob .ob-faq details:first-child {
	border-top:1px solid #dce6d5}
.p2sew.p2sew-ob .ob-faq summary {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:15px;
	list-style:none;
	font-size:14px;
	font-weight:600;
	cursor:pointer}
.p2sew.p2sew-ob .ob-faq summary::-webkit-details-marker {
	display:none}
.p2sew.p2sew-ob .ob-faq summary span {
	font-size:20px;
	color:#679d61}
.p2sew.p2sew-ob .ob-faq details[open] summary span {
	transform:rotate(45deg)}
.p2sew.p2sew-ob .ob-faq details p {
	font-size:13px;
	margin:15px 0 0}
.p2sew.p2sew-ob .ob-final {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:30px;
	padding:35px;
	background:#eaf3e3;
	border:1px solid #dce8d4;
	border-radius:18px}
.p2sew.p2sew-ob .ob-final h2 {
	font-size:27px;
	margin:18px 0}
.p2sew.p2sew-ob .ob-final p {
	max-width:590px;
	font-size:12px;
	margin:0}
.p2sew.p2sew-ob .ob-final .ob-actions {
	flex-shrink:0}
.p2sew.p2sew-ob :is(a,button,summary):focus-visible {
	outline:3px solid #53b97b;
	outline-offset:4px}
@media (max-width:1100px) {
.p2sew.p2sew-ob .ob-hero {
	gap:40px}
.p2sew.p2sew-ob .ob-channel-panel,.p2sew.p2sew-ob .ob-developers,.p2sew.p2sew-ob .ob-faq {
	gap:30px}
.p2sew.p2sew-ob .ob-value-strip {
	padding:22px 0}
.p2sew.p2sew-ob .ob-value-strip>div {
	padding:0 20px}
.p2sew.p2sew-ob .ob-partner-grid {
	grid-template-columns:repeat(3,1fr)}
.p2sew.p2sew-ob .ob-final {
	flex-direction:column;
	align-items:start}
.p2sew.p2sew-ob .ob-final .ob-actions {
	margin:0}
}
@media (max-width:767px) {
.p2sew.p2sew-ob .ob-hero,.p2sew.p2sew-ob .ob-channel-panel,.p2sew.p2sew-ob .ob-developers,.p2sew.p2sew-ob .ob-faq {
	grid-template-columns:1fr}
.p2sew.p2sew-ob .ob-hero {
	gap:35px;
	padding-bottom:35px}
.p2sew.p2sew-ob .ob-value-strip {
	margin:15px 0 45px;
	grid-template-columns:1fr;
	padding:0 22px}
.p2sew.p2sew-ob .ob-value-strip>div {
	padding:19px 0;
	border-right:0;
	border-bottom:1px solid #e3ebdd}
.p2sew.p2sew-ob .ob-value-strip b {
	font-size:19px}
.p2sew.p2sew-ob .ob-workflow {
	padding:50px 0 35px}
.p2sew.p2sew-ob .ob-workflow-grid {
	grid-template-columns:1fr 1fr}
.p2sew.p2sew-ob .ob-ecosystem>div:last-child {
	grid-template-columns:1fr}
.p2sew.p2sew-ob .ob-ecosystem article {
	padding:25px}
.p2sew.p2sew-ob .ob-developers {
	margin:45px 0;
	padding:28px}
.p2sew.p2sew-ob .ob-partner-grid {
	grid-template-columns:1fr 1fr}
.p2sew.p2sew-ob .ob-faq {
	margin:45px 0}
.p2sew.p2sew-ob h2 {
	font-size:27px}
.p2sew.p2sew-ob .ob-channel-panel {
	padding:25px;
	min-height:0}
}
@media (max-width:440px) {
.p2sew.p2sew-ob .ob-hero h1 {
	font-size:39px;
	letter-spacing:-1.4px}
.p2sew.p2sew-ob .ob-hero>div>p {
	font-size:14px}
.p2sew.p2sew-ob .ob-actions a {
	font-size:12px;
	padding:12px 15px}
.p2sew.p2sew-ob .ob-channel-buttons {
	gap:6px}
.p2sew.p2sew-ob .ob-channel-buttons button {
	font-size:11px;
	padding:11px 10px;
	gap:6px}
.p2sew.p2sew-ob .ob-channel-panel {
	padding:22px 18px}
.p2sew.p2sew-ob .ob-channel-panel li {
	padding:16px 12px;
	gap:10px}
.p2sew.p2sew-ob .ob-workflow-grid {
	grid-template-columns:1fr;
	gap:0}
.p2sew.p2sew-ob .ob-workflow-grid article {
	padding:22px 0}
.p2sew.p2sew-ob .ob-workflow-grid h3 {
	margin-top:12px}
.p2sew.p2sew-ob .ob-developers {
	padding:25px 20px}
.p2sew.p2sew-ob .ob-doc-list>a {
	padding:16px 12px}
.p2sew.p2sew-ob .ob-partner-grid {
	gap:10px}
.p2sew.p2sew-ob .ob-partner-grid>a {
	padding:10px}
.p2sew.p2sew-ob .ob-partner-grid img {
	height:130px}
.p2sew.p2sew-ob .ob-partner-grid span {
	font-size:12px}
.p2sew.p2sew-ob .ob-final {
	padding:26px 22px}
.p2sew.p2sew-ob .ob-faq summary {
	font-size:13px}
}
.p2sew.p2sew-ob .ob-bank-art {
	width:100%;
	max-width:620px;
	justify-self:center;
	min-width:0}
.p2sew.p2sew-ob .ob-bank-art img {
	display:block;
	width:100%;
	height:auto;
	object-fit:contain}
@media (max-width:767px) {
.p2sew.p2sew-ob .ob-bank-art {
	max-width:440px}
}

/* Match the page's outer main padding while keeping every section independent. */
@media (max-width:1100px) {
 .p2sew.p2sew-ob .ob-container { padding-inline:28px; }
 .p2sew.p2sew-ob.p2sew-ob--hero .ob-container { padding-top:45px; }
 .p2sew.p2sew-ob.p2sew-ob--final .ob-container { padding-bottom:45px; }
}
@media (max-width:440px) {
 .p2sew.p2sew-ob .ob-container { padding-inline:18px; }
 .p2sew.p2sew-ob.p2sew-ob--hero .ob-container { padding-top:30px; }
 .p2sew.p2sew-ob.p2sew-ob--final .ob-container { padding-bottom:30px; }
}
.p2sew.p2sew-ob .ob-answer { color:#748879; font-size:13px; }
.p2sew.p2sew-ob .ob-answer :is(ul,ol) { padding-left:1.5em; }
.p2sew.p2sew-ob .ob-doc-list>a>div { min-width:0; }
.p2sew.p2sew-ob :is(p,h1,h2,h3,b,summary) { overflow-wrap:anywhere; }