:root { --red:#D9282F; --carbon:#151515; --warm:#FAF8F6; --steel:#6D7178; --line:#dedbd7; --ink:#252525; --paper:#fffefd; --shadow:0 22px 55px rgba(10,10,10,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--warm); }
body { margin:0; color:var(--ink); background:var(--warm); font-family:"Noto Sans SC","Microsoft YaHei",sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
:focus-visible { outline:3px solid var(--red); outline-offset:4px; }
.shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.eyebrow { margin:0 0 14px; color:var(--red); font-size:12px; font-weight:800; letter-spacing:2px; }
h1,h2,h3,p { margin-top:0; }
h2 { margin-bottom:18px; font-family:"STSong","Songti SC","Noto Serif SC",serif; font-size:clamp(30px,4vw,54px); line-height:1.15; letter-spacing:0; font-weight:800; }
.lead { max-width:600px; color:var(--steel); font-size:17px; }
.section { padding:112px 0; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 23px; border:1px solid transparent; border-radius:4px; font-size:14px; font-weight:800; letter-spacing:.2px; cursor:pointer; transition:transform .2s,background .2s,border-color .2s; }
.button:hover { transform:translateY(-2px); }
.button.red { color:white; background:var(--red); }
.button.light { color:white; border-color:rgba(255,255,255,.65); background:rgba(0,0,0,.08); }
.button.dark { color:white; background:var(--carbon); }
.button.ghost { color:#fff; border-color:rgba(255,255,255,.64); background:rgba(0,0,0,.1); }
.button.line { color:var(--ink); border-color:#aaa39d; background:transparent; }
.site-header { position:sticky; top:0; z-index:50; height:74px; background:rgba(250,248,246,.95); border-bottom:1px solid rgba(21,21,21,.09); backdrop-filter:blur(14px); }
.header-in { height:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:11px; min-width:max-content; font-family:"STSong","Songti SC",serif; font-size:19px; font-weight:800; }
.brand-mark { position:relative; display:grid; place-items:center; width:31px; height:31px; color:white; background:var(--red); clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%); font:700 13px Georgia,serif; }
.brand-mark:after { position:absolute; content:""; width:11px; height:11px; border:1px solid rgba(255,255,255,.7); transform:rotate(45deg); }
.desktop-nav { display:flex; align-items:center; gap:30px; color:#383838; font-size:14px; font-weight:700; }
.desktop-nav a { position:relative; padding:8px 0; }
.desktop-nav a:after { position:absolute; left:0; right:100%; bottom:2px; height:2px; content:""; background:var(--red); transition:right .22s; }
.desktop-nav a:hover:after, .desktop-nav a.active:after { right:0; }
.header-join { min-height:38px; padding:0 16px; font-size:13px; }
.menu-toggle { display:none; width:42px; height:42px; padding:0; border:0; color:var(--carbon); background:transparent; cursor:pointer; }
.menu-toggle span,.menu-toggle:before,.menu-toggle:after { display:block; width:21px; height:2px; margin:5px auto; content:""; background:currentColor; transition:transform .2s; }
.mobile-menu { display:none; }
.hero { position:relative; min-height:690px; overflow:hidden; color:white; background:#151515 center/cover; }
.hero:before { position:absolute; inset:0; content:""; background:rgba(12,12,12,.78); }
.hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.04fr .96fr; align-items:center; min-height:690px; gap:40px; }
.hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; align-items:end; min-height:548px; gap:56px; }
.hero-copy { padding:70px 0 76px; }
.hero-kicker { display:flex; align-items:center; gap:10px; margin-bottom:24px; color:#f6c8c9; font-size:12px; font-weight:800; letter-spacing:2px; }
.hero-kicker:before { width:34px; height:2px; content:""; background:var(--red); }
h1 { max-width:620px; margin-bottom:24px; font-family:"STSong","Songti SC","Noto Serif SC",serif; font-size:clamp(44px,5.2vw,76px); line-height:1.08; letter-spacing:0; }
.hero-copy > p { max-width:520px; margin-bottom:31px; color:#e8e4e1; font-size:17px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:31px; }
.download-chips { display:flex; flex-wrap:wrap; gap:10px; }
.download-chip { position:relative; display:inline-flex; align-items:center; gap:9px; padding:9px 13px 9px 10px; color:#f7f5f2; border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.08); font-size:12px; font-weight:700; transition:background .2s,border-color .2s; }
.download-chip:hover { border-color:#fff; background:rgba(255,255,255,.18); }
.chip-icon { display:grid; place-items:center; width:26px; height:26px; color:white; background:var(--red); font-size:11px; font-style:normal; }
.phone-stage { position:relative; height:515px; align-self:end; }
.phone { position:absolute; overflow:hidden; width:220px; height:456px; border:7px solid #111; border-radius:30px; background:#fbfaf8; box-shadow:0 28px 40px rgba(0,0,0,.35), inset 0 0 0 1px #555; }
.phone-shot { display:block; width:100%; height:100%; object-fit:cover; object-position:top center; }
.phone.one { right:180px; bottom:-10px; transform:rotate(-8deg); }
.phone.two { right:15px; bottom:8px; transform:rotate(8deg); }
.hero-aside { position:relative; display:grid; min-height:445px; place-items:end center; }
.signal-card { position:relative; width:min(100%, 405px); margin-bottom:48px; padding:30px; border:1px solid rgba(255,255,255,.22); background:rgba(19,19,19,.74); box-shadow:var(--shadow); backdrop-filter:blur(10px); }
.signal-card:before { position:absolute; top:-1px; left:28px; width:82px; height:2px; content:""; background:var(--red); }
.signal-card small { display:block; margin-bottom:14px; color:#e8a5a8; font-size:11px; font-weight:800; letter-spacing:1.5px; }
.signal-card strong { display:block; margin-bottom:17px; font-family:"STSong","Songti SC",serif; font-size:29px; line-height:1.22; }
.signal-list { display:grid; gap:8px; padding:0; margin:0; list-style:none; color:#d6d4d1; font-size:13px; }
.signal-list li { display:flex; gap:9px; align-items:center; }
.signal-list li:before { width:6px; height:6px; content:""; background:var(--red); transform:rotate(45deg); }
.capability { position:relative; z-index:2; margin-top:-1px; color:white; background:var(--carbon); }
.cap-grid { display:grid; grid-template-columns:1.3fr repeat(4,1fr); border-top:1px solid #454545; }
.cap-intro,.cap-item { min-height:208px; padding:30px 26px; border-right:1px solid #454545; border-bottom:1px solid #454545; }
.cap-intro { padding-left:0; }
.cap-intro h2 { margin:0 0 10px; font-size:31px; }
.cap-intro p { max-width:280px; margin:0; color:#b9b9b9; font-size:13px; }
.cap-index { display:block; margin-bottom:41px; color:#ee8589; font:700 12px Georgia,serif; }
.cap-item h3 { margin:0 0 9px; font-size:16px; }
.cap-item p { margin:0; color:#aaa; font-size:12px; }
.workbench { background:var(--warm); }
.split-heading { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:end; margin-bottom:48px; }
.split-heading .lead { margin:0 0 4px; }
.work-panels { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.work-panel { position:relative; min-height:478px; overflow:hidden; border-radius:6px; color:white; background:#252525 center/cover; }
.work-panel:before { position:absolute; inset:0; content:""; background:rgba(11,11,11,.63); }
.merchant-panel { background-image:url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1200&q=85"); }
.tech-panel { background-image:url("https://images.unsplash.com/photo-1530046339160-ce3e530c7d2f?auto=format&fit=crop&w=1200&q=85"); }
.panel-content { position:absolute; inset:auto 0 0; padding:34px; }
.role-mark { display:inline-flex; align-items:center; min-height:25px; padding:0 9px; margin-bottom:15px; color:#fff; background:var(--red); font-size:11px; font-weight:800; letter-spacing:1px; }
.panel-content h3 { margin-bottom:23px; font-family:"STSong","Songti SC",serif; font-size:30px; }
.work-links { display:flex; flex-wrap:wrap; gap:8px; }
.work-links span { padding:6px 9px; border:1px solid rgba(255,255,255,.5); font-size:12px; }
.flow { overflow:hidden; color:white; background:#20201f; }
.flow-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:56px; }
.flow-head p { max-width:400px; margin:0; color:#bcbcbc; font-size:15px; }
.flow-line { display:grid; grid-template-columns:1fr 1.25fr 1fr 1fr 1fr; grid-template-rows:1fr 1fr; align-items:stretch; gap:12px; }
.flow-node { position:relative; min-height:126px; padding:21px; border-top:2px solid #777; }
.flow-node:before { position:absolute; top:-7px; left:0; width:11px; height:11px; content:""; background:#777; transform:rotate(45deg); }
.flow-node strong { display:block; margin:23px 0 5px; font-size:18px; }
.flow-node small { color:#a9a9a9; font-size:12px; }
.flow-node.branch-merchant { grid-column:1; grid-row:1; }
.flow-node.branch-tech { grid-column:1; grid-row:2; }
.flow-node.merge { grid-column:2; grid-row:1 / span 2; min-height:264px; border-color:var(--red); background:var(--red); box-shadow:0 0 0 1px var(--red); }
.flow-node.accept { grid-column:3; grid-row:1 / span 2; }
.flow-node.fulfill { grid-column:4; grid-row:1 / span 2; }
.flow-node.settle { grid-column:5; grid-row:1 / span 2; }
.flow-node.merge:before { background:white; }
.flow-node.merge strong { margin-top:92px; font-family:"STSong","Songti SC",serif; font-size:29px; }
.flow-node.merge small { color:#ffe6e6; }
.flow-note { display:flex; align-items:center; gap:11px; margin-top:35px; color:#cac5c0; font-size:13px; }
.flow-note i { display:block; width:8px; height:8px; background:var(--red); transform:rotate(45deg); }
.onboarding { position:relative; overflow:hidden; background:var(--paper); border-top:1px solid var(--line); }
.onboarding.alt { background:#efedea; }
.join-grid { display:grid; grid-template-columns:1fr .95fr; gap:74px; align-items:center; }
.join-grid.reverse { grid-template-columns:.95fr 1fr; }
.join-side { position:relative; min-height:445px; padding:44px; color:white; background:#292928 center/cover; }
.join-side:before { position:absolute; inset:0; content:""; background:rgba(18,18,18,.68); }
.merchant-side { background-image:url("https://images.unsplash.com/photo-1494905998402-395d579af36f?auto=format&fit=crop&w=1200&q=85"); }
.technician-side { background-image:url("https://images.unsplash.com/photo-1613214149922-f1809c99b414?auto=format&fit=crop&w=1200&q=85"); }
.join-side > div { position:relative; z-index:1; }
.join-side .eyebrow { color:#ffb4b6; }
.join-side h2 { max-width:350px; }
.join-side p { max-width:320px; margin:0; color:#e0dfdd; font-size:14px; }
.join-copy h2 { margin-bottom:14px; }
.join-copy .lead { margin-bottom:30px; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:0 0 31px; padding:0; list-style:none; }
.steps li { position:relative; padding:0 13px 0 0; color:#333; font-size:14px; font-weight:800; }
.steps li:not(:last-child):after { position:absolute; top:10px; right:2px; width:7px; height:7px; content:""; border-top:1px solid var(--red); border-right:1px solid var(--red); transform:rotate(45deg); }
.step-number { display:block; margin-bottom:12px; color:var(--red); font:700 16px Georgia,serif; }
.join-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
.qr-trigger { position:relative; display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:7px 10px; border:1px solid #cfcac5; color:#373737; background:white; font-size:12px; font-weight:800; cursor:pointer; }
.qr-code { display:block; width:100%; aspect-ratio:1; object-fit:contain; background:#fff; }
.qr-trigger .qr-code { width:29px; height:29px; }
.qr-popover { position:absolute; z-index:5; bottom:calc(100% + 12px); left:0; width:182px; padding:15px; opacity:0; visibility:hidden; color:var(--carbon); background:white; box-shadow:var(--shadow); transform:translateY(6px); transition:.18s; }
.qr-popover:after { position:absolute; bottom:-6px; left:24px; width:12px; height:12px; content:""; background:white; transform:rotate(45deg); }
.qr-trigger:hover .qr-popover,.qr-trigger:focus-within .qr-popover { opacity:1; visibility:visible; transform:none; }
.qr-popover .qr-code { position:relative; z-index:1; border:1px solid #ddd; }
.qr-popover p { position:relative; z-index:1; margin:9px 0 0; color:#555; font-size:11px; text-align:center; }
.channel-qr { display:flex; align-items:center; gap:14px; margin-top:28px; padding:14px; border:1px solid #d5d0ca; background:#fff; }
.channel-qr .qr-code { flex:0 0 82px; width:82px; }
.channel-qr strong { display:block; margin-bottom:2px; font-size:14px; }
.channel-qr span { color:var(--steel); font-size:12px; }
.download { color:white; background:#181818; }
.download-in { display:grid; grid-template-columns:1.1fr .9fr; gap:55px; align-items:center; }
.download h2 { margin-bottom:17px; }
.download .lead { color:#c1c0be; }
.download-cards { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.download-card { position:relative; display:block; min-height:134px; padding:19px; border:1px solid #555; background:#242424; transition:border-color .2s,transform .2s; }
.download-card:hover { border-color:var(--red); transform:translateY(-3px); }
.download-card b { display:block; margin-top:22px; font-size:16px; }
.download-card span { color:#bababa; font-size:12px; }
.download-card .qr-code { position:absolute; top:19px; right:19px; width:58px; border:2px solid #fff; }
.store-icon { display:grid; place-items:center; width:28px; height:28px; color:white; background:var(--red); font:700 12px Georgia,serif; }
.section-tint { background:#eeece8; }
.split { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:72px; }
.value-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin-top:15px; background:var(--line); border:1px solid var(--line); }
.value-item { min-height:165px; padding:25px; background:var(--paper); }
.value-index { display:block; margin-bottom:37px; color:var(--red); font:700 13px Georgia,serif; }
.value-item h3 { margin-bottom:7px; font-size:16px; }
.value-item p { margin:0; color:var(--steel); font-size:13px; }
.form-zone { position:relative; overflow:hidden; color:#fff; background:var(--ink); }
.form-zone:before { position:absolute; inset:0; content:""; background:rgba(0,0,0,.69); }
.form-wrap { position:relative; z-index:1; display:grid; grid-template-columns:.78fr 1.22fr; gap:76px; align-items:start; }
.form-intro { padding-top:25px; }
.form-intro .eyebrow { color:#ffb5b8; }
.form-intro p { max-width:385px; color:#d3d0ce; font-size:15px; }
.form-notes { display:grid; gap:9px; margin:28px 0 0; padding:0; list-style:none; color:#d5d1cf; font-size:13px; }
.form-notes li { display:flex; gap:10px; }
.form-notes li:before { flex:0 0 7px; width:7px; height:7px; margin-top:7px; content:""; background:var(--red); transform:rotate(45deg); }
.application { padding:33px; color:var(--ink); background:var(--paper); box-shadow:var(--shadow); }
.application h3 { margin-bottom:23px; font-family:"STSong","Songti SC",serif; font-size:25px; }
.fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.field { display:grid; gap:7px; }
.field.wide { grid-column:1 / -1; }
.field label { color:#454545; font-size:12px; font-weight:800; }
.field label span { color:var(--red); }
.field input,.field select,.field textarea { width:100%; min-height:43px; padding:10px 12px; border:1px solid #d5d0ca; border-radius:2px; color:#252525; outline:none; background:#fff; font-size:13px; }
.field textarea { min-height:72px; resize:vertical; }
.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--red); box-shadow:0 0 0 3px rgba(217,40,47,.12); }
.form-foot { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:22px; }
.form-foot small { color:var(--steel); font-size:11px; }
.qr-band { background:var(--paper); }
.qr-layout { display:grid; grid-template-columns:1.1fr .9fr; gap:46px; align-items:center; }
.qr-panel { display:flex; align-items:center; gap:24px; padding:25px; border:1px solid var(--line); background:#fff; }
.qr-panel .qr-code { width:112px; height:112px; flex:0 0 112px; border:1px solid #e1ddd8; }
.qr-panel h3 { margin-bottom:7px; font-size:18px; }
.qr-panel p { margin:0 0 13px; color:var(--steel); font-size:13px; }
.channel-strip { padding:13px 15px; color:#fff; background:var(--red); font-size:13px; font-weight:800; }
.channel-strip span { opacity:.7; font-weight:500; }
.download-choices { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.download-choices .download-card { position:relative; display:grid; min-height:344px; grid-template-columns:minmax(0,.95fr) minmax(210px,1.05fr); gap:18px; padding:30px; overflow:hidden; color:#fff; background:var(--ink); }
.download-choices .download-card.tech { background:var(--red); }
.download-choices .download-card:after { position:absolute; right:-56px; bottom:-85px; width:205px; height:205px; content:""; border:1px solid rgba(255,255,255,.16); transform:rotate(45deg); }
.download-copy { position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; }
.app-role { display:inline-flex; align-items:center; gap:9px; margin-bottom:18px; color:#e1dddd; font-size:11px; font-weight:800; letter-spacing:1.2px; }
.tech .app-role { color:#ffe6e7; }
.app-mark { display:grid; width:28px; height:28px; place-items:center; color:#fff; border:1px solid rgba(255,255,255,.46); font:700 13px Georgia,serif; }
.download-choices .download-card h3 { margin-bottom:11px; font-family:"STSong","Songti SC",serif; font-size:30px; line-height:1.15; }
.download-choices .download-card p { max-width:230px; margin-bottom:20px; color:#d3cfcc; font-size:13px; }
.download-choices .download-card.tech p { color:#ffe4e5; }
.download-meta { display:flex; gap:14px; align-items:center; margin-top:auto; }
.download-meta .qr-code { width:52px; height:52px; flex:0 0 52px; border:0; }
.download-meta span { color:#bcb8b5; font-size:11px; line-height:1.5; }
.tech .download-meta span { color:#ffd9da; }
.download-choices .download-card .button { min-height:39px; padding:0 13px; margin-top:17px; font-size:12px; }
.app-stage { position:relative; z-index:1; display:flex; align-items:end; justify-content:center; min-height:284px; padding:0 12px 0 24px; }
.app-phone { position:relative; width:142px; height:285px; overflow:hidden; border:6px solid #0d0d0d; border-radius:22px; background:#fff; box-shadow:0 18px 30px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.24); transform:rotate(-5deg); }
.tech .app-phone { border-color:#8f171d; transform:rotate(5deg); }
.app-phone:after { position:absolute; top:7px; left:50%; width:42px; height:7px; content:""; border-radius:8px; background:rgba(0,0,0,.8); transform:translateX(-50%); }
.app-phone img { display:block; width:100%; height:100%; object-fit:cover; object-position:top center; }
.app-tag { position:absolute; top:27px; right:4px; padding:7px 8px; color:var(--ink); background:#fff; box-shadow:0 8px 15px rgba(0,0,0,.16); font-size:10px; font-weight:800; transform:rotate(5deg); }
.tech .app-tag { color:#a91d24; transform:rotate(-5deg); }
footer { padding:52px 0 88px; color:#d4d0cd; background:#101010; border-top:1px solid #3a3a3a; }
.footer-in { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:35px; }
.footer-brand { color:#fff; }
.footer-brand p { max-width:310px; margin:16px 0 0; color:#9e9c99; font-size:13px; }
.footer-list { display:grid; gap:10px; align-content:start; font-size:13px; }
.footer-list strong { margin-bottom:5px; color:white; font-size:14px; }
.footer-list a:hover { color:#fff; }
.copyright { grid-column:1/-1; padding-top:23px; margin-top:5px; border-top:1px solid #333; color:#777; font-size:12px; }
.site-footer { padding:52px 0 86px; color:#d4d1ce; background:#181818; }
.site-footer .brand { color:#fff; }
.site-footer p { max-width:400px; margin:15px 0 0; color:#9d9a97; font-size:13px; }
.site-footer .footer-in { display:grid; grid-template-columns:1.5fr .7fr .7fr; gap:54px; }
.site-footer .copyright { grid-column:1/-1; padding-top:24px; border-top:1px solid #3b3b3a; color:#82807e; font-size:12px; }
.notice { position:fixed; z-index:100; right:22px; bottom:22px; max-width:340px; padding:12px 15px; color:#fff; background:#242424; box-shadow:var(--shadow); font-size:13px; opacity:0; transform:translateY(8px); pointer-events:none; transition:.2s; }
.notice.show { opacity:1; transform:none; }
.mobile-actions { display:none; }
@media (max-width:760px) {
body { padding-bottom:68px; }
.shell { width:min(100% - 32px, 600px); }
.site-header { height:63px; }
.desktop-nav,.header-join { display:none; }
.menu-toggle { display:block; }
.menu-toggle[aria-expanded="true"] span { transform:scaleX(0); }
.menu-toggle[aria-expanded="true"]:before { transform:translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"]:after { transform:translateY(-7px) rotate(-45deg); }
.mobile-menu { position:absolute; top:63px; left:0; right:0; display:grid; max-height:0; overflow:hidden; background:var(--warm); border-bottom:1px solid transparent; transition:max-height .24s,border-color .24s; }
.mobile-menu.open { max-height:330px; border-color:var(--line); }
.mobile-menu a { padding:14px 24px; border-bottom:1px solid #ebe7e3; font-size:15px; font-weight:700; }
.hero { min-height:unset; }
.hero-grid { display:flex; flex-direction:column; align-items:stretch; min-height:0; gap:0; }
.hero-inner { grid-template-columns:1fr; gap:34px; min-height:auto; }
.hero-copy { padding:66px 0 20px; }
.hero-kicker { margin-bottom:17px; font-size:10px; }
h1 { margin-bottom:18px; font-size:43px; }
.hero-copy > p { margin-bottom:24px; font-size:15px; }
.hero-actions { margin-bottom:20px; }
.hero-actions .button { flex:1; min-width:130px; }
.download-chip { flex:1; }
.phone-stage { height:355px; margin-top:5px; }
.phone { width:158px; height:328px; border-width:5px; border-radius:23px; }
.phone.one { right:47%; bottom:0; }
.phone.two { right:4%; bottom:-4px; }
.hero-aside { min-height:286px; }
.signal-card { margin-bottom:34px; }
.cap-grid { grid-template-columns:1fr 1fr; }
.cap-intro { grid-column:1/-1; min-height:172px; padding:32px 0; border-right:0; }
.cap-intro h2 { font-size:29px; }
.cap-item { min-height:167px; padding:23px 15px; }
.cap-index { margin-bottom:27px; }
.section { padding:74px 0; }
.split-heading,.work-panels,.join-grid,.join-grid.reverse,.download-in { grid-template-columns:1fr; gap:30px; }
.split-heading { margin-bottom:31px; }
.split,.form-wrap,.qr-layout { grid-template-columns:1fr; gap:34px; }
.form-intro { padding-top:0; }
.lead { font-size:15px; }
.work-panel { min-height:390px; }
.panel-content { padding:25px; }
.flow-head { display:block; margin-bottom:34px; }
.flow-head h2 { margin-bottom:16px; }
.flow-line { grid-template-columns:1fr; grid-template-rows:auto; gap:0; }
.flow-node,.flow-node.merge { min-height:120px; padding:17px 20px; border-left:2px solid #777; border-top:0; }
.flow-node.branch-merchant,.flow-node.branch-tech,.flow-node.merge,.flow-node.accept,.flow-node.fulfill,.flow-node.settle { grid-column:auto; grid-row:auto; }
.flow-node:before { top:0; left:-7px; }
.flow-node strong,.flow-node.merge strong { margin:20px 0 4px; font-size:17px; }
.flow-node.merge { min-height:140px; border-color:var(--red); }
.flow-node.merge strong { font-size:25px; }
.join-grid.reverse .join-side { order:2; }
.join-side { min-height:300px; padding:28px; }
.join-side h2 { font-size:35px; }
.steps { grid-template-columns:1fr 1fr; gap:20px 10px; }
.steps li { padding-right:8px; }
.steps li:after { display:none; }
.qr-popover { display:none; }
.channel-qr { margin-top:22px; }
.value-grid,.download-choices,.download-cards { grid-template-columns:1fr; gap:10px; }
.footer-in { grid-template-columns:1fr 1fr; gap:28px; }
.footer-brand { grid-column:1/-1; }
.site-footer .footer-in { grid-template-columns:1fr 1fr; gap:31px; }
.site-footer .footer-in > :first-child,.site-footer .copyright { grid-column:1/-1; }
.mobile-actions { position:fixed; z-index:60; right:0; bottom:0; left:0; display:grid; grid-template-columns:1fr 1fr 50px; height:68px; padding:10px 12px; gap:8px; background:rgba(250,248,246,.98); border-top:1px solid #ddd8d3; box-shadow:0 -5px 22px rgba(0,0,0,.09); }
.mobile-actions .button { min-height:47px; padding:0 7px; font-size:12px; white-space:nowrap; }
.download-choice { position:relative; }
.download-choice summary { display:grid; place-items:center; width:50px; height:47px; color:white; background:var(--carbon); cursor:pointer; list-style:none; }
.download-choice summary::-webkit-details-marker { display:none; }
.download-choice summary:before { content:"下"; font:700 15px Georgia,serif; }
.download-choice[open] > div { position:absolute; right:0; bottom:55px; display:grid; width:180px; padding:7px; gap:3px; border:1px solid #cfcac5; background:white; box-shadow:var(--shadow); }
.download-choice a { padding:10px; color:#333; font-size:13px; font-weight:700; }
.notice { right:14px; bottom:81px; left:14px; max-width:none; }
}