:root{--navy:#071f3a;--muted:#637087;--line:#dfe5ee;--panel:#f5f7fb;--purple:#635bff;--green:#169b62;--amber:#a66700;--shadow:0 18px 48px rgba(19,35,57,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font-family:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.shell{min-height:100vh;padding:38px 40px 52px;background:radial-gradient(circle at 30% 20%,rgba(99,91,255,.045),transparent 29%),linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}.topbar{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-size:17px;font-weight:800;text-decoration:none}.brand img{width:40px;height:40px;object-fit:contain}.testnet{display:flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid #f7dfa0;border-radius:10px;background:#fff7d9;color:#6c4700;font-size:12px;font-weight:800;letter-spacing:.05em}.testnet i{width:8px;height:8px;border-radius:50%;background:#f2ae19}.hero{max-width:1260px;margin:26px auto 0;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;min-height:500px}.hero-copy{padding-left:8px}.eyebrow{margin:0 0 18px;color:#635bff;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:590px;margin:0;font-size:64px;line-height:1.18;letter-spacing:-.052em;font-weight:800}.hero-copy>p{max-width:600px;margin:28px 0 0;color:#58677f;font-size:20px;line-height:1.7}.actions{display:flex;gap:18px;margin-top:46px}.button{min-width:220px;display:inline-flex;align-items:center;justify-content:center;padding:17px 26px;border:1px solid #cfd6e1;border-radius:12px;color:var(--navy);background:#fff;font-size:16px;font-weight:750;text-decoration:none;transition:.18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(18,36,59,.08)}.button.primary{border-color:var(--purple);color:#fff;background:var(--purple);box-shadow:0 12px 24px rgba(99,91,255,.2)}.receipt{border:1px solid #e2e7ee;border-radius:18px;background:#fff;padding:32px;box-shadow:var(--shadow)}.receipt-label,.group-label{color:#738096;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.merchant{display:flex;gap:14px;align-items:center;margin-top:10px}.merchant img{width:44px;height:44px;object-fit:contain}.merchant strong{display:block;font-size:16px}.merchant span{display:block;margin-top:4px;color:#68758a;font-size:13px}.total{margin-top:30px}.amount{margin-top:12px;font-size:46px;letter-spacing:-.045em}.amount small{font-size:18px;letter-spacing:0;color:#56647b}.confirmed{margin-top:11px;color:var(--green);font-size:15px;font-weight:750}.receipt dl{margin:30px 0 0}.receipt dl div{display:grid;grid-template-columns:128px 1fr;gap:16px;padding:15px 0;border-top:1px solid var(--line)}.receipt dt{color:#6e7b90;font-size:13px}.receipt dd{margin:0;text-align:right;font-size:13px;font-weight:750;overflow-wrap:anywhere}.ecosystem{max-width:1260px;margin:10px auto 0;padding:18px 26px;border:1px solid #e1e6ed;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(19,35,57,.035);display:grid;grid-template-columns:1fr 1fr 2.4fr 1.15fr;gap:0}.logo-group{padding:0 25px;border-left:1px solid var(--line)}.logo-group:first-child{padding-left:0;border-left:0}.logo-group:last-child{padding-right:0}.logo-row{min-height:44px;display:flex;align-items:center;gap:24px;margin-top:6px}.logo-item{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#56647a;font-size:12px;font-weight:650}.logo-item img{width:25px;height:25px;object-fit:contain}.logo-item img.wide{width:48px}.logo-item img.stripe{width:54px}.text-logo{color:var(--navy);font-size:19px;font-weight:850;letter-spacing:-.04em}.flow{max-width:970px;margin:20px auto 0;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:start}.flow-step{text-align:center}.flow-icon{width:66px;height:66px;margin:auto;display:grid;place-items:center;border:1px solid #e0e5ed;border-radius:50%;background:#fff;box-shadow:0 8px 22px rgba(19,35,57,.055)}.flow-icon img{width:28px;height:28px;object-fit:contain}.flow-step strong{display:block;margin-top:12px;font-size:13px}.flow-arrow{width:112px;height:1px;margin-top:32px;background:#cbd3df;position:relative}.flow-arrow:after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1px solid #aeb9c9;border-right:1px solid #aeb9c9;transform:rotate(45deg)}
.docs-shell{max-width:1040px;margin:58px auto 0}.docs-hero{text-align:center}.docs-hero h1{margin:18px 0 12px;font-size:46px;letter-spacing:-.04em}.docs-hero p{margin:auto;max-width:680px;color:var(--muted);font-size:18px;line-height:1.65}.docs-grid{display:grid;grid-template-columns:240px 1fr;gap:30px;margin-top:48px}.side-nav{position:sticky;top:24px;height:max-content;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.side-nav a{display:block;padding:10px 12px;border-radius:8px;color:#526177;text-decoration:none;font-size:14px}.side-nav a:hover{background:#f3f5f9;color:var(--navy)}.docs{padding:30px 34px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.docs section+section{margin-top:42px;padding-top:36px;border-top:1px solid var(--line)}.docs h2{margin:0 0 12px;font-size:25px}.docs p,.docs li{color:#5f6e84;line-height:1.7}.docs pre{overflow:auto;padding:18px;border-radius:12px;background:#071f3a;color:#e9f1fb;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.endpoint{display:flex;align-items:center;gap:10px;margin:14px 0}.method{padding:5px 8px;border-radius:6px;background:#e8f8ef;color:#087b47;font-size:11px;font-weight:850}.endpoint code{font-weight:750}.callout{padding:15px 17px;border-left:3px solid var(--purple);background:#f4f3ff;color:#4f5e75;line-height:1.6}.back{margin-top:28px;text-align:center}
@media(max-width:980px){.shell{padding:24px 20px 40px}.hero{grid-template-columns:1fr;gap:34px;margin-top:58px}.hero h1{font-size:50px}.receipt{max-width:620px;width:100%;margin:auto}.ecosystem{grid-template-columns:1fr 1fr}.logo-group{padding:18px;border-left:0;border-top:1px solid var(--line)}.logo-group:nth-child(-n+2){border-top:0}.flow{grid-template-columns:1fr;gap:12px}.flow-arrow{width:1px;height:30px;margin:0 auto}.flow-arrow:after{right:-4px;top:auto;bottom:0;transform:rotate(135deg)}.docs-grid{grid-template-columns:1fr}.side-nav{position:static}}
@media(max-width:620px){.shell{padding:20px 16px 34px}.brand{font-size:15px}.brand img{width:34px;height:34px}.testnet{font-size:10px;padding:7px 9px}.hero{min-height:0;margin-top:46px}.hero-copy{padding:0}.hero h1{font-size:41px}.hero-copy>p{font-size:17px}.actions{display:grid;margin-top:32px}.button{width:100%}.receipt{padding:24px 20px}.ecosystem{grid-template-columns:1fr}.logo-group,.logo-group:nth-child(-n+2){padding:16px 0;border-top:1px solid var(--line)}.logo-group:first-child{border-top:0}.logo-row{flex-wrap:wrap}.docs-hero h1{font-size:36px}.docs{padding:24px 19px}}
.confirmed{display:flex;align-items:center;gap:8px}.confirmed img{width:20px;height:20px;filter:invert(48%) sepia(73%) saturate(484%) hue-rotate(103deg) brightness(89%) contrast(91%)}
@media(min-width:981px){.shell{padding-top:42px}.topbar{max-width:1400px}.brand{gap:16px;font-size:24px}.brand img{width:66px;height:66px}.testnet{padding:11px 17px;font-size:13px}.hero{max-width:1320px;grid-template-columns:1.08fr .92fr;gap:92px;min-height:550px;margin-top:12px}.hero h1{font-size:76px;line-height:1.1}.hero-copy>p{max-width:660px;font-size:22px}.button{min-width:238px;padding:19px 30px;font-size:17px}.receipt{padding:40px;border-radius:24px}.ecosystem{max-width:1320px;min-height:176px;margin-top:18px;padding:30px 38px;border-radius:24px;box-shadow:0 20px 52px rgba(19,35,57,.075)}.logo-group{padding:0 38px}.group-label{font-size:14px}.logo-row{min-height:92px;gap:32px;margin-top:8px}.logo-item{gap:11px;font-size:16px}.logo-item img{width:44px;height:44px}.logo-item img.wide{width:92px}.logo-item img.stripe{width:96px}.text-logo{font-size:27px}.flow{max-width:1080px;margin-top:32px}.flow-icon{width:82px;height:82px}.flow-icon img{width:38px;height:38px}.flow-arrow{width:138px;margin-top:40px}.flow-step strong{margin-top:15px;font-size:15px}}

/* 2026 homepage */
.home-page{--ink:#081c3a;--copy:#56657b;--rule:#dfe4eb;--accent:#5148ed;--soft:#f8f9fb;background:#fff;color:var(--ink)}
.home-page a{color:inherit}
.site-header{height:84px;max-width:1440px;margin:auto;padding:0 52px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:58px;border-bottom:1px solid #edf0f4}
.site-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:17px}.site-brand img{width:47px;height:28px;object-fit:contain}.site-brand strong{font-size:17px}
.site-nav{display:flex;align-items:center;justify-content:center;gap:38px}.site-nav a,.text-link{font-size:14px;font-weight:650;text-decoration:none}.site-nav a span{margin-left:4px;color:#798397}.site-nav a:hover,.text-link:hover,.arrow-link:hover{color:var(--accent)}
.header-actions{display:flex;align-items:center;gap:20px}.network-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #f4d797;border-radius:7px;background:#fff8df;color:#805a0a;font-size:10px;font-weight:800;letter-spacing:.04em}.network-badge i{width:6px;height:6px;border-radius:50%;background:#e3a41c}.header-demo{padding:10px 19px;border:1px solid #cfd5df;border-radius:7px;text-decoration:none;font-size:13px;font-weight:750}.header-demo:hover{border-color:var(--accent);color:var(--accent)}
.home-page main{overflow:hidden}.home-hero{max-width:1230px;min-height:520px;margin:0 auto;padding:70px 0 56px;display:grid;grid-template-columns:1.1fr .9fr;gap:92px;align-items:center}.kicker,.section-label{margin:0 0 18px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-message h1{margin:0;font-size:58px;line-height:1.18;letter-spacing:-.055em}.hero-intro{max-width:610px;margin:26px 0 0;color:var(--copy);font-size:18px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.cta{display:inline-flex;align-items:center;justify-content:center;min-width:148px;padding:15px 22px;border-radius:7px;font:750 14px/1.2 inherit;text-decoration:none;transition:.18s ease;cursor:pointer}.cta:disabled{opacity:.62;cursor:wait}.cta-primary{border:1px solid var(--accent);background:var(--accent);color:#fff!important}.cta-primary:hover{background:#4038d6}.cta-secondary{border:1px solid #cfd5de;background:#fff}.cta-secondary:hover{border-color:var(--accent);color:var(--accent)}.agent-demo-status{min-height:18px;margin:12px 0 0;color:#69768b;font-size:12px}
.agent-mandate{max-width:610px;margin-top:16px;padding:15px 16px;border:1px solid var(--rule);border-radius:9px;background:#fafbfc;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.agent-mandate div{min-width:0}.agent-mandate span,.agent-mandate strong{display:block}.agent-mandate span{color:#7a8699;font-size:10px}.agent-mandate strong{margin-top:4px;font-size:12px}.agent-mandate p{grid-column:1/-1;margin:2px 0 0;color:#667389;font-size:11px;line-height:1.55}.agent-mandate button{grid-column:1/-1;justify-self:start;padding:0;border:0;background:none;color:#a13a32;font:750 11px inherit;cursor:pointer}
.payment-panel{padding:29px 30px 24px;border:1px solid #dce2e9;border-radius:12px;background:#fff}.panel-topline{display:flex;align-items:center;justify-content:space-between}.panel-label,.payment-total>span{color:#768298;font-size:11px;font-weight:750}.status-chip{display:flex;align-items:center;gap:6px;color:#1d8d62;font-size:11px;font-weight:750}.status-chip i,.preview-payment span i{width:7px;height:7px;border-radius:50%;background:#31b982}.merchant-row{display:flex;align-items:center;gap:12px;margin-top:12px}.merchant-row img{width:36px;height:36px}.merchant-row strong,.merchant-row span{display:block}.merchant-row strong{font-size:14px}.merchant-row span{margin-top:3px;color:#778397;font-size:11px}.payment-total{margin-top:28px}.payment-total strong{display:block;margin-top:7px;font-size:37px;letter-spacing:-.04em}.payment-total small{font-size:13px;letter-spacing:0;color:#65738a}.payment-details{margin:25px 0 0}.payment-details div{display:grid;grid-template-columns:1fr 1fr;padding:11px 0;border-top:1px solid var(--rule);font-size:11px}.payment-details dt{color:#778397}.payment-details dd{margin:0;text-align:right;font-weight:750}
.protocol-bar{max-width:1230px;margin:0 auto 28px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);border-radius:9px}.protocol-bar div{padding:23px 30px;border-left:1px solid var(--rule)}.protocol-bar div:first-child{border-left:0}.protocol-bar span,.protocol-bar strong{display:block}.protocol-bar span{color:#758196;font-size:10px;font-weight:750}.protocol-bar strong{margin-top:8px;font-size:20px}.usdc{display:flex!important;align-items:center;gap:9px}.usdc b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2775ca;color:#fff;font-size:17px}
.editorial-grid{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:.88fr 1.12fr}.editorial-grid>article{min-width:0;min-height:330px;padding:48px clamp(40px,5vw,88px)}.what-is-apg{padding-right:clamp(40px,5vw,88px)!important;border-right:1px solid var(--rule)}.section-label{margin-bottom:22px;color:var(--ink);letter-spacing:0;text-transform:none;font-size:15px}.what-is-apg ul{margin:0;padding:0;list-style:none}.what-is-apg li{position:relative;padding-left:28px}.what-is-apg li+li{margin-top:16px}.what-is-apg li:before{content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;width:16px;height:16px;border:1px solid #6158ee;border-radius:50%;color:#5148ed;font-size:10px;font-weight:900}.what-is-apg li span{font-size:13px;font-weight:800}.what-is-apg li p{margin:3px 0 0;color:#6d798d;font-size:11px;line-height:1.55}.arrow-link{display:inline-flex;gap:10px;margin-top:25px;color:var(--accent)!important;font-size:12px;font-weight:750;text-decoration:none}
.use-case{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;background:#fafbfc}.use-copy h2{max-width:380px;margin:0;font-size:27px;line-height:1.35;letter-spacing:-.03em}.use-copy>p:not(.section-label){max-width:390px;margin:14px 0 0;color:var(--copy);font-size:12px;line-height:1.65}.request-preview{position:relative;height:210px}.preview-window{position:absolute;left:0;top:8px;width:75%;height:150px;padding:15px;border:1px solid #aeb9c9;border-radius:6px;background:#fff}.preview-window span{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#aab3c1}.preview-window b{display:block;margin-top:24px;color:#738096;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.preview-payment{position:absolute;left:27px;top:75px;width:160px;padding:14px;border:1px solid #e0e4ea;border-radius:6px;background:#fff;box-shadow:0 8px 22px rgba(17,34,61,.07)}.preview-payment small,.preview-payment strong,.preview-payment span{display:block}.preview-payment small{color:#778397}.preview-payment strong{margin-top:5px;font-size:13px}.preview-payment span{margin-top:9px;color:#1d8d62;font-size:10px}.preview-payment span i{display:inline-block;margin-right:5px}.preview-agent{position:absolute;right:0;bottom:2px;width:62px;height:62px;display:grid;place-items:center;border:1px solid #8d87f6;border-radius:8px;background:#fff}.preview-agent img{width:30px;height:30px}
.home-cta{max-width:1230px;margin:auto;padding:32px 0;display:flex;align-items:center;justify-content:space-between}.home-cta h2{margin:0;font-size:25px;letter-spacing:-.025em}.home-cta p{margin:7px 0 0;color:#69768b;font-size:12px}.home-cta .cta{min-width:205px}
.site-footer{padding:30px max(52px,calc((100vw - 1230px)/2)) 38px;border-top:1px solid var(--rule);display:grid;grid-template-columns:2.1fr repeat(4,1fr);gap:40px;background:#fafbfc}.site-footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.site-footer strong{font-size:13px}.site-footer a{color:#657286;font-size:12px;text-decoration:none}.site-footer a:hover{color:var(--accent)}.footer-brand p{margin:25px 0 0;color:#7d8797;font-size:11px}.site-footer>.footer-language-picker{grid-column:1/-1;justify-self:end;margin-top:-6px}
@media(max-width:1100px){.site-header{padding:0 24px;gap:28px}.site-nav{gap:20px}.network-badge{display:none}.home-hero,.protocol-bar,.home-cta{margin-left:28px;margin-right:28px}.home-hero{gap:50px}.hero-message h1{font-size:48px}.editorial-grid>article{padding:42px 28px}.site-footer{padding-left:28px;padding-right:28px}}
@media(max-width:760px){.site-header{height:auto;min-height:72px;display:flex;justify-content:space-between}.site-nav{display:none}.header-actions .text-link{display:none}.home-hero{min-height:0;margin:0;padding:52px 20px 34px;grid-template-columns:1fr;gap:38px}.hero-message h1{font-size:40px}.hero-intro{font-size:16px}.hero-actions{display:grid}.cta{width:100%}.agent-mandate{grid-template-columns:1fr 1fr}.protocol-bar{margin:0 20px 24px;grid-template-columns:1fr 1fr}.protocol-bar div:nth-child(3){border-left:0;border-top:1px solid var(--rule)}.protocol-bar div:nth-child(4){border-top:1px solid var(--rule)}.editorial-grid{grid-template-columns:1fr}.editorial-grid>article{padding:38px 20px!important}.what-is-apg{border-right:0;border-bottom:1px solid var(--rule)}.use-case{grid-template-columns:1fr}.request-preview{margin-top:6px}.home-cta{margin:0;padding:32px 20px;display:grid;gap:24px}.site-footer{padding:30px 20px;grid-template-columns:1.5fr 1fr 1fr}.site-footer>div:nth-child(n+4){display:none}}
.language-picker{display:inline-flex}.language-picker select{height:38px;padding:0 30px 0 12px;border:1px solid #cfd5df;border-radius:8px;background:#fff;color:var(--ink,var(--navy));font:700 12px/1 inherit;cursor:pointer}.language-picker select:focus-visible{outline:3px solid rgba(81,72,237,.24);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.term-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(81,72,237,.42);text-decoration-thickness:1px;text-underline-offset:3px}.term-link:hover{color:var(--accent,#5148ed);text-decoration-color:currentColor}.term-link::after{content:"↗";display:inline-block;margin-left:2px;font-size:.72em;line-height:1;vertical-align:.18em}.term-link:focus-visible{outline:3px solid rgba(81,72,237,.24);outline-offset:3px;border-radius:2px}
.protocol-bar{grid-template-columns:repeat(5,1fr)}.protocol-bar div{padding-left:24px;padding-right:24px}
@media(max-width:760px){.protocol-bar{grid-template-columns:1fr 1fr}.protocol-bar div:nth-child(n+3){border-top:1px solid var(--rule)}.protocol-bar div:nth-child(odd){border-left:0}}