@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Instrument+Sans:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600&display=swap";:root{--bg:#f6f9fc;--bg-elevated:#fff;--ink:#0a2540;--ink-muted:#425466;--ink-faint:#6b7c93;--line:#e6ebf1;--line-strong:#d6dee8;--accent:#0a6cff;--accent-hover:#0055d6;--accent-soft:#0a6cff14;--ok:#0d9488;--ok-bg:#ecfdf8;--warn:#b45309;--warn-bg:#fff7ed;--danger:#b42318;--danger-bg:#fef3f2;--shadow:0 1px 2px #1018280a, 0 12px 32px #1018280f;--radius:12px;--radius-lg:16px;--font:"Instrument Sans", system-ui, sans-serif;--font-display:"Source Serif 4", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;color:var(--ink);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:radial-gradient(ellipse 80% 50% at 50% -20%, #0a6cff1f, transparent), radial-gradient(ellipse 60% 40% at 100% 0%, #0d94880f, transparent), var(--bg);min-height:100vh;color:var(--ink);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffdb;justify-content:space-between;align-items:center;padding:.9rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand,nav{align-items:center;gap:.85rem;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;font-weight:700;text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{border:1px solid var(--line);box-sizing:border-box;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;padding:2px;display:inline-flex;overflow:hidden}.brand-mark img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}nav a{color:var(--ink-muted);font-size:.95rem;font-weight:500;text-decoration:none}nav a:hover{color:var(--ink);text-decoration:none}main{padding:0 clamp(1rem,4vw,3rem) 4rem}.landing-hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:2.5rem;padding:4rem 0 3rem;animation:.7s ease-out both heroIn;display:grid}@keyframes heroIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.brand-hero{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:600}.landing-hero h1{color:var(--ink);font-family:var(--font-display);letter-spacing:-.03em;max-width:14ch;margin:0 0 1.25rem;font-size:clamp(2.4rem,5.5vw,3.75rem);font-weight:600;line-height:1.08}.landing-hero .lede{color:var(--ink-muted);max-width:38rem;margin:0 0 1.75rem;font-size:1.15rem;line-height:1.55}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.hero-visual{border-radius:var(--radius-lg);box-shadow:var(--shadow);color:#fff;background:linear-gradient(145deg,#0a2540 0%,#123a5c 48%,#0a6cff 140%);flex-direction:column;justify-content:flex-end;align-self:stretch;min-height:320px;padding:1.75rem;display:flex;position:relative;overflow:hidden}.hero-visual:before{content:"";background:radial-gradient(circle at 80% 20%,#ffffff2e,#0000 45%);position:absolute;inset:0}.hero-visual>*{position:relative}.hero-visual .eyebrow{color:#ffffffb3}.hero-visual h2{color:#fff;margin:.5rem 0;font-size:1.5rem}.hero-visual p{color:#ffffffc7;margin:0}.hero-shopify{pointer-events:none;-webkit-user-select:none;user-select:none;align-self:center;width:100%}.shopify-shot{clip-path:inset(0 round 14px);background:#fafafa;border:1px solid #0f172a14;border-radius:14px;position:relative;overflow:hidden;transform:rotate(-1.25deg);box-shadow:0 1px 2px #0f172a0a,0 22px 50px #0f172a1f}.shopify-shot:before,.shopify-shot:after{content:"";pointer-events:none;z-index:2;position:absolute}.shopify-shot:before{background:linear-gradient(#f6f9fceb,#0000 70%);height:2.25rem;inset:0 0 auto}.shopify-shot:after{background:linear-gradient(90deg,#0000,#f6f9fc8c);width:2.5rem;inset:0 0 0 auto}.shopify-shot-inner{background:#fff;border-left:1px solid #eee;max-width:100%;margin:1.35rem 0 0 1.1rem;padding:1.15rem 2.25rem 1.5rem 1.25rem}.shopify-store{color:#202223;margin:0;font-size:.95rem;font-weight:650}.shopify-step{color:#6d7175;margin:.15rem 0 1rem;font-size:.8rem}.shopify-line{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-bottom:1rem;display:grid}.shopify-thumb{object-fit:cover;background:#f3f4f6;border:1px solid #ebeef0;border-radius:8px;width:64px;height:64px;display:block}.shopify-product{color:#202223;margin:0;font-size:.92rem;font-weight:600}.shopify-variant{color:#6d7175;margin:.15rem 0 0;font-size:.8rem}.shopify-price{color:#202223;margin:0;font-size:.92rem;font-weight:600}.shopify-totals{border-top:1px solid #ebeef0;gap:.45rem;margin-bottom:1.1rem;padding-top:.9rem;display:grid}.shopify-totals>div{color:#6d7175;justify-content:space-between;font-size:.88rem;display:flex}.shopify-totals .shopify-total{color:#202223;margin-top:.2rem;font-size:1rem;font-weight:700}.shopify-pay{display:grid}.shopify-crypto{background:var(--ink);color:#fff;cursor:default;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:.75rem 1.2rem;font-weight:600;display:inline-flex}.shopify-caption{color:var(--ink-faint);text-align:center;margin:.85rem 0 0;font-size:.78rem}.section{max-width:1080px;margin:0 auto;padding:3.5rem 0}.section-narrow{max-width:720px}.section h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600}.section>.section-lede{color:var(--ink-muted);max-width:40rem;margin:0 0 2rem;font-size:1.05rem;line-height:1.6}.eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .65rem;font-size:.72rem;font-weight:500}h1,h2,h3{color:var(--ink);margin:0 0 .75rem;line-height:1.15}h1{letter-spacing:-.02em;font-size:clamp(1.75rem,3vw,2.25rem)}p{color:var(--ink-muted);line-height:1.65}.panel,.card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(1.25rem,2.5vw,1.75rem)}.panel-quiet{box-shadow:none}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;display:grid}.feature-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.feature-row article{padding:.25rem 0}.feature-row h3{margin-bottom:.4rem;font-size:1.1rem}.feature-row p{margin:0}.compare-callout{background:var(--accent-soft);color:#1e3a5f;border:1px solid #bfdbfe;border-radius:10px;margin:0 0 1.25rem;padding:.65rem 1rem;font-size:.95rem;font-weight:600;display:inline-block}.compare-wrap{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:auto}.compare-table{border-collapse:separate;border-spacing:0;width:100%;min-width:860px}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;padding:1.75rem 1.25rem}.compare-table th{color:#ffffffb8;font-family:var(--font);letter-spacing:.05em;text-transform:uppercase;background:#0a2540;font-size:.72rem;font-weight:600}.compare-table th.sticky-col,.compare-table td.sticky-col{color:#fff;z-index:2;background:#0a2540;position:sticky;left:0}.compare-table td.sticky-col{color:var(--ink);z-index:1;background:#fff;font-weight:600}.compare-table tbody tr:hover td{background:#f8fafc}.compare-table tbody tr:hover td.sticky-col{background:#f1f5f9}.compare-table tbody tr:hover td.highlight-col{background:#0a6cff24}.compare-table td{color:var(--ink-muted);font-size:.92rem}.compare-table .highlight-col{border-left:3px solid var(--accent);color:var(--ink);background:#0a6cff14;min-width:11rem;font-weight:600}.compare-table th.highlight-col{color:#fff;letter-spacing:.02em;text-transform:none;background:#053066;border-left:3px solid #67e8db;font-size:.78rem}.ours-pill{color:#041112;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;background:#67e8db;border-radius:999px;margin-right:.35rem;padding:.15rem .45rem;font-size:.65rem;font-weight:700;display:inline-block}.compare-table tr:last-child td{border-bottom:0}.cmp-chip{letter-spacing:.01em;white-space:nowrap;border-radius:999px;padding:.32rem .7rem;font-size:.78rem;font-weight:650;display:inline-flex}.cmp-chip-muted{color:#475569;background:#f1f5f9}.cmp-chip-warn{color:#c2410c;background:#fff7ed}.cmp-chip-ok{color:#0f766e;background:#ecfdf8}.cmp-chip-accent{color:#fff;background:#0a6cff}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.how-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem 1.25rem 1.5rem;animation:.7s ease-out both heroIn;position:relative}.how-card-1{animation-delay:50ms}.how-card-2{animation-delay:.15s}.how-card-3{animation-delay:.25s}.how-art-wrap{border:1px solid var(--line);background:radial-gradient(circle at 20% 20%,#0a6cff14,#0000 55%),#f8fafc;border-radius:12px;margin-bottom:1rem;overflow:hidden}.how-art{width:100%;height:auto;display:block}.how-step{background:var(--ink);color:#fff;font-family:var(--font-mono);border-radius:999px;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;margin-bottom:.55rem;font-size:.75rem;font-weight:600;display:inline-flex}.how-card h3{margin-bottom:.45rem;font-size:1.15rem}.how-card p{margin:0}.security-band{background:var(--ink);border-radius:var(--radius-lg);color:#fff;padding:clamp(1.75rem,4vw,2.5rem)}.security-band h2,.security-band p{color:inherit}.security-band p{color:#ffffffc7;max-width:40rem;margin:0}.security-band .eyebrow{color:#ffffff8c}.field{gap:.4rem;margin-bottom:1.1rem;display:grid}.field label{color:var(--ink);margin:0;font-size:.9rem;font-weight:600;display:block}.field-hint{color:var(--ink-faint);margin:0;font-size:.82rem;line-height:1.45}.field-row{flex-wrap:wrap;align-items:center;gap:.65rem 1.1rem;display:flex}.check{color:var(--ink-muted);align-items:center;gap:.4rem;font-size:.92rem;display:inline-flex}.required{color:var(--accent)}input,select,textarea{border:1px solid var(--line-strong);color:var(--ink);font:inherit;background:#fff;border-radius:8px;width:100%;padding:.7rem .85rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;min-height:6rem}input[type=checkbox]{accent-color:var(--accent);width:auto}button,.tc-btn{background:var(--accent);color:#fff;cursor:pointer;font:inherit;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.15rem;font-weight:600;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}button:hover,.tc-btn:hover{background:var(--accent-hover);text-decoration:none;transform:translateY(-1px)}button:active,.tc-btn:active{transform:none}button.secondary,.tc-btn.secondary{border-color:var(--line-strong);color:var(--ink);background:#fff}button.secondary:hover,.tc-btn.secondary:hover{background:#fafbfc}button.ghost,.tc-btn.ghost{color:var(--accent);background:0 0;border-color:#0000}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.checkout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:1.5rem;max-width:960px;margin:2rem auto;display:grid}.checkout-summary{border-radius:var(--radius-lg);color:#fff;background:#0a2540;padding:1.75rem}.checkout-summary h1,.checkout-summary h2,.checkout-summary p{color:inherit}.checkout-summary .amount{font-family:var(--font-display);letter-spacing:-.03em;margin:.75rem 0 1rem;font-size:2.75rem;font-weight:600}.checkout-summary .muted{color:#ffffffa6}.checkout-panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.75rem}.global-footer{margin-top:auto;padding:1.5rem 1.25rem 2rem}#app{flex-direction:column;min-height:100vh;display:flex}.pay-asset-banner{grid-template-columns:1fr 1fr;gap:.85rem;margin:.35rem 0 1.35rem;display:grid}@media (width<=420px){.pay-asset-banner{grid-template-columns:1fr}}.pay-asset-item{border:2px solid var(--ink);background:#f1f5f9;border-radius:14px;flex-direction:column;align-items:center;gap:.55rem;padding:1rem .85rem 1.1rem;display:flex}.pay-asset-label{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:700}.pay-asset-item .chain-chip-lg,.pay-asset-item .token-chip-lg{letter-spacing:-.02em;font-size:1.45rem;font-weight:800}.pay-token-emphasis{font-size:1.2em;font-weight:800}.callout-chain{align-items:center;gap:.4rem;font-size:1.05rem;display:inline-flex}.chain-select-preview{margin-top:.55rem}.chain-chip,.token-chip{align-items:center;gap:.4rem;font-weight:700;line-height:1.1;display:inline-flex}.chain-chip-sm,.token-chip-sm{gap:.3rem;font-size:.85rem}.chain-chip-md,.token-chip-md{font-size:1rem}.chain-chip-lg,.token-chip-lg{gap:.5rem;font-size:1.25rem}.chain-chip-label,.token-chip-label{color:var(--ink)}.chain-logo{border-radius:50%;flex-shrink:0;display:block}.token-chip-mark{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.55em;height:1.55em;font-size:.7em;font-weight:700;display:inline-flex}.token-chip-lg .token-chip-mark{width:1.7em;height:1.7em}.check-chain{gap:.45rem}.check-chain .chain-logo{flex-shrink:0}.testnet-pill{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#dc2626;border-radius:999px;margin:0 0 .85rem;padding:.45rem .85rem;font-size:.78rem;font-weight:800;line-height:1.2;display:inline-block;box-shadow:0 0 0 3px #dc262633}#testnet-banner:empty{display:none}#testnet-banner:not(:empty){margin-bottom:.35rem}.invoice-shell{max-width:520px;margin:2rem auto}.invoice-doc{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;padding:2rem 1.75rem}.invoice-doc .amount-due{font-family:var(--font-display);letter-spacing:-.03em;margin:.5rem 0 .25rem;font-size:2.5rem;font-weight:600}.invoice-doc .status-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin:.75rem 0 1.25rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.status-badge.awaiting,.status-badge.created{background:var(--warn-bg);color:var(--warn);animation:1.8s ease-in-out infinite pulseSoft}.status-badge.paid,.status-badge.paid_partial,.status-badge.swept{background:var(--ok-bg);color:var(--ok)}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.65}}.qr-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;margin:.5rem 0 1rem;padding:.85rem;display:inline-block}.qr-wrap img{width:180px;height:180px;display:block}.address-box{border:1px solid var(--line);font-family:var(--font-mono);overflow-wrap:anywhere;text-align:left;word-break:break-all;background:#fafbfc;border-radius:8px;margin:0 0 .75rem;padding:.85rem;font-size:.78rem;line-height:1.45}.callout{text-align:left;border-radius:8px;margin:.75rem 0;padding:.85rem 1rem;font-size:.9rem;line-height:1.5}.callout.warn{background:var(--warn-bg);color:#9a3412;border:1px solid #fed7aa}.callout.info{background:var(--accent-soft);color:#1e3a5f;border:1px solid #bfdbfe}.callout.ok{background:var(--ok-bg);color:#115e59;border:1px solid #99f6e4}.callout.danger{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca}.create-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1.5rem;max-width:1080px;margin:2rem auto;display:grid}.create-output .mono-block{color:#e8f0fe;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;background:#0a2540;border-radius:8px;margin:.5rem 0 .75rem;padding:.85rem;font-size:.78rem;line-height:1.5;overflow:auto}.pay-button-preview{border:1px dashed var(--line-strong);background:#fafbfc;border-radius:8px;margin-top:.5rem;padding:1.1rem}.tc-pay-button{background:var(--ink);border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.2rem;font-weight:600;transition:background .15s,transform .15s;display:inline-flex;color:#fff!important;text-decoration:none!important}.tc-pay-button:hover{background:#163a5c;transform:translateY(-1px)}.docs-block{max-width:1080px;margin:2.5rem auto}.docs-block pre{color:#e8f0fe;font-family:var(--font-mono);background:#0a2540;border-radius:8px;padding:1rem;font-size:.8rem;overflow:auto}.admin-shell{max-width:960px;margin:2rem auto}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.metric{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem}.metric .label{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:600}.metric .value{font-family:var(--font-mono);margin-top:.4rem;font-size:1.35rem;font-weight:500}table{border-collapse:collapse;width:100%;min-width:640px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:.75rem}th{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}code,.mono{font-family:var(--font-mono)}.status{color:var(--ink-muted);margin-top:.85rem;font-size:.92rem}.danger{color:var(--danger)}.ok{color:var(--ok)}.site-footer{border-top:1px solid var(--line);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:1rem;max-width:1080px;margin:3rem auto 0;padding:1.5rem 0 2rem;display:flex}.site-footer a{color:var(--ink-muted)}.page-header{max-width:1080px;margin:2rem auto 0}.page-header h1{font-family:var(--font-display);font-size:clamp(1.85rem,3vw,2.4rem);font-weight:600}.btn-row{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.merchant-toolbar{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.merchant-actions{padding-bottom:.1rem}.table-panel{padding:0;overflow:hidden}.table-meta{border-bottom:1px solid var(--line);color:var(--ink-muted);padding:.9rem 1.25rem;font-size:.9rem}.table-scroll{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th{border-bottom:1px solid var(--line);color:var(--ink-faint);letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#fafbfc;padding:.75rem 1rem;font-size:.72rem;font-weight:600}.data-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:.9rem 1rem}.data-table tr:last-child td{border-bottom:0}.data-row{cursor:pointer;transition:background .12s}.data-row:hover,.data-row.is-active{background:var(--accent-soft)}.cell-primary{color:var(--ink);font-weight:500}.cell-muted{color:var(--ink-faint);margin-top:.15rem;font-size:.78rem}.pill{letter-spacing:.02em;text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:.28rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.pill-created{color:#475569;background:#f1f5f9}.pill-awaiting_payment{background:var(--warn-bg);color:var(--warn)}.pill-paid,.pill-paid_partial,.pill-swept{background:var(--ok-bg);color:var(--ok)}.detail-list{gap:.85rem;margin:1.25rem 0 0;display:grid}.detail-list>div{border-top:1px solid var(--line);padding-top:.75rem}.detail-list dt{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:600}.detail-list dd{color:var(--ink);margin:0}.detail-list .wrap{overflow-wrap:anywhere;word-break:break-all}body.modal-open{overflow:hidden}.modal[hidden]{display:none}.modal{z-index:50;position:fixed;inset:0}.modal-backdrop{background:#0a254073;position:absolute;inset:0}.modal-dialog{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;width:calc(100% - 2rem);max-width:560px;max-height:min(88vh,840px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0f172a47}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.35rem 1rem;display:flex}.modal-header h2{margin:.25rem 0 0;font-size:1.35rem}.modal-body{padding:.5rem 1.35rem 1.25rem;overflow:auto}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;padding:1rem 1.35rem 1.25rem}nav a[aria-current=page]{color:var(--ink);font-weight:600}@media (width<=900px){.landing-hero,.create-layout,.checkout,.grid-2,.feature-row,.how-grid,.metric-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:.75rem}nav{flex-wrap:wrap}}
