/* Content-sized chapters: respect the header and preserve natural expansion. */
:root { --chapter-space:clamp(24px,5svh,48px); }
main > section, .page-intro { scroll-margin-top:76px; }
.section, .payment-pathways, .solution, .close, .real-home-bridge { padding-block:var(--chapter-space); }
.section-heading { margin-bottom:26px; }
.page-intro { padding-block:var(--chapter-space); }
.page-intro > .section { padding:0; }
.page-intro .section-heading { margin-bottom:28px; }
.page-intro h1 { font-size:clamp(34px,4.2vw,58px); }
.page-intro .real-feature { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:40px; margin-top:0; margin-bottom:0; }
.page-intro .real-photo img { height:clamp(220px,34svh,340px); aspect-ratio:auto; }
.page-intro .story-sequence { padding:0; }
.page-intro .story-sequence__steps { grid-template-columns:1fr; gap:14px; }
.page-intro .story-step { padding-top:12px; }
.page-intro .story-step p { margin:7px 0 0 30px; }
.real-home-grid { gap:45px; }
.real-home-grid .real-photo img { height:clamp(210px,34svh,330px); aspect-ratio:auto; }
.story-sequence { padding-top:22px; }
.story-sequence__heading { margin-bottom:14px; }
.story-step { padding-top:12px; }
.merchant-portal { padding-block:var(--chapter-space); }
.merchant-portal__film { max-height:48svh; margin-inline:auto; }
.merchant-portal__story { padding:24px; margin-top:-40px; }
.merchant-portal__story h2 { font-size:clamp(28px,3.3vw,42px); }
.developer-entry { padding-bottom:var(--chapter-space); }
.dev-card { min-height:0; padding:32px; }
.contact-card { padding:24px; }
.close__content { gap:18px; }
/* The platform hero is one composed surface, with the image setting its palette. */
.unified-hero { max-width:none; padding:clamp(28px,6svh,64px) max(32px,calc((100vw - 1312px)/2)); min-height:min(650px,calc(100svh - 138px)); gap:36px; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); background:radial-gradient(ellipse at 9% 8%,#fffaf0 0,transparent 54%),linear-gradient(115deg,#f4f5ed,#e3eee8); border-bottom:1px solid #d0dfd8; }
.unified-hero h1 { font-size:clamp(42px,4.8vw,70px); }
.unified-hero .unified-label { margin-bottom:20px; }
.unified-hero-lead { margin-bottom:25px; }
.unified-hero-images { padding:0; max-width:none; }
.unified-hero-main { width:100%; height:auto; aspect-ratio:1.35; object-fit:cover; object-position:center; border-radius:100px 18px 18px 18px; box-shadow:0 22px 55px #224b3e12; }
.unified-text-link { margin-top:22px; }
.unified-note { margin-bottom:0; }
@media(min-width:801px) and (max-height:750px) {
 .unified-hero { min-height:0; padding-block:28px; }
 .unified-hero-main { max-height:400px; }
}
@media(max-width:900px) and (min-width:701px) {
 .pathway-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .pathway-card:last-child { grid-column:auto; }
 .pathway-card:last-child .pathway-card__media { aspect-ratio:16/9; }
 .pathway-card__content { padding:16px; }
 .pathway-card strong { font-size:24px; }
}
@media(max-width:800px) {
 .unified-hero { grid-template-columns:1fr 1fr; gap:24px; padding-inline:24px; min-height:0; }
 .unified-hero h1 { font-size:42px; }
 .unified-hero-main { border-top-left-radius:65px; aspect-ratio:1; }
 .page-intro .real-feature { gap:24px; }
}
@media(max-width:600px) {
 .section-heading { gap:14px; margin-bottom:22px; }
 .page-intro .section-heading { gap:14px; margin-bottom:22px; }
 .page-intro .real-feature { grid-template-columns:1fr; gap:18px; }
 .page-intro .real-photo img { height:150px; }
 .page-intro .real-photo figcaption { padding:7px 12px; font-size:10px; }
 .page-intro .story-sequence__heading { margin-bottom:12px; }
 .page-intro .story-sequence__steps { gap:10px; }
 .page-intro .story-step { padding-top:8px; }
 .page-intro .story-step p { font-size:13px; line-height:1.4; }
 .page-intro h1 { font-size:34px; }
 .page-intro .lede { font-size:15px; }
 .real-home-grid { gap:18px; }
 .real-home-grid .real-photo img { height:160px; }
 .real-home-grid p:not(.eyebrow) { margin:14px 0; font-size:15px; }
 .story-sequence__steps { gap:12px; }
 .story-step p { font-size:13px; line-height:1.4; margin-top:8px; }
 .story-sequence__heading h3 { font-size:18px; }
 .pathway-grid { grid-template-columns:1fr; gap:12px; }
 .pathway-card,.pathway-card:last-child { grid-column:auto; grid-template-columns:36% 1fr; }
 .pathway-card .pathway-card__media,.pathway-card:last-child .pathway-card__media { aspect-ratio:auto; height:100%; }
 .pathway-card__content { padding:14px; gap:6px; }
 .pathway-card strong { font-size:22px; }
 .pathway-card small { font-size:13px; }
 .pathway__branches span { padding:5px; font-size:10px; }
 .merchant-portal__story { width:calc(100% - 20px); grid-template-columns:1fr; gap:15px; padding:20px; margin-top:-15px; }
 .merchant-portal__story h2 { max-width:none; }
 .merchant-portal__story-copy { gap:15px; }
 .contact-card { padding:20px; }
 .contact-card h3 { font-size:24px; max-width:none; }
 .contact-card p { font-size:14px; }
 .unified-hero { grid-template-columns:1fr; padding:28px 20px 22px; gap:20px; }
 .unified-hero h1 { font-size:42px; margin-bottom:18px; }
 .unified-hero .unified-label { margin-bottom:14px; }
 .unified-hero-lead { font-size:14px; line-height:1.55; margin-bottom:20px; }
 .unified-hero-main { height:clamp(175px,25svh,230px); aspect-ratio:auto; border-radius:48px 12px 12px 12px; }
 .unified-context { font-size:11px; margin-bottom:8px; }
 .unified-text-link { margin-top:15px; font-size:12px; }
 .unified-note { font-size:10px; }
}
@media(max-width:600px) {
 :root { --chapter-space:24px; }
 main h2 { font-size:30px; }
 main .eyebrow { margin-bottom:12px; }
 .unified-close { padding:24px; }
 .unified-close h2 { font-size:32px; }
 .unified-close-note h3 { font-size:22px; }
 .page-intro .real-photo img { height:125px; }
 .page-intro .story-sequence__heading h3 { font-size:18px; }
 .page-intro .section-heading { margin-bottom:18px; }
 .page-intro .real-feature { gap:14px; }
 .page-intro .story-step button { font-size:14px; }
 .real-home-bridge .story-sequence__heading { margin-bottom:10px; }
 .real-home-bridge .story-step { padding-top:8px; }
 .real-home-bridge .story-step button { font-size:14px; }
 .real-home-bridge .story-step p { margin-top:5px; }
 .real-home-grid h2 { font-size:30px; }
 .real-home-grid .real-photo img { height:130px; }
 .payment-pathways .section-heading { gap:10px; }
 .payment-pathways .lede { font-size:15px; }
 .pathway-card__content { padding:12px; }
 .pathway-card strong { font-size:21px; }
 .pathway-card small { font-size:12px; }
 .tie { grid-template-columns:1fr; gap:16px; padding-top:0; }
 .tie::before,.tie__item::before { display:none; }
 .tie__item { display:grid; grid-template-columns:100px minmax(0,1fr); gap:12px; padding:0; }
 .tie__item h3 { font-size:15px; }
 .tie__item p { font-size:13px; }
 .dev-card { padding:24px; }
 .dev-card__copy h2 { max-width:none; }
 .dev-card__copy .lede { font-size:15px; }
 .contact-card { padding:16px; }
 .contact-card h3 { font-size:22px; margin-bottom:10px; }
 .contact-card p { margin-bottom:12px; }
 .contact-methods { gap:14px; }
 .section-heading .lede { font-size:15px; }
}
@media(max-width:360px) {
 .unified-hero h1 { font-size:34px; }
 .unified-hero-main { height:160px; }
 .unified-context { font-size:10px; }
 .unified-note { margin-top:8px; }
 .page-intro h1 { font-size:30px; }
 .page-intro .real-photo img { height:95px; }
 .page-intro .story-step p { font-size:12px; }
 .real-home-grid .real-photo img { height:100px; }
 .real-home-grid h2 { font-size:27px; }
 .real-home-grid p:not(.eyebrow) { font-size:13px; }
 .real-home-bridge .story-step p { font-size:12px; }
 .real-home-bridge .story-sequence__heading > span { display:none; }
 .payment-pathways .pathway-card { grid-template-columns:28% 1fr; }
 .pathway__branches { gap:3px; }
 .pathway__branches span { font-size:9px; }
 .section-heading h2 { font-size:27px; }
 .section-heading .lede { font-size:14px; }
}
@media(max-width:360px) {
 .real-home-bridge .story-sequence { padding-top:14px; }
 .real-home-bridge .story-sequence__steps { gap:8px; }
 .real-home-grid { gap:12px; }
 .real-home-grid .real-photo img { height:72px; }
 .payment-pathways { padding-block:18px; }
 .payment-pathways .section-heading { margin-bottom:14px; }
 .pathway-card__content { gap:4px; padding:10px; }
 .pathway-card small { font-size:11px; line-height:1.35; }
 .pathway-card strong { font-size:19px; }
 .pathway__number { font-size:10px; }
 .solution .section-heading { gap:10px; margin-bottom:18px; }
 .solution .tie { gap:12px; }
 .solution .tie__item { grid-template-columns:80px minmax(0,1fr); gap:10px; }
 .solution .tie__item p { font-size:12px; line-height:1.4; }
 .solution .tie__item h3 { font-size:14px; }
 .page-intro { padding-block:18px; }
 .contact-methods .contact-card .eyebrow { margin-bottom:8px; }
 .contact-methods .contact-card h3 { font-size:20px; }
 .contact-methods .contact-card p { font-size:13px; }
 .contact-methods .contact-card { padding:14px; }
}
.page-intro { background:var(--paper); }