@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171714;--muted:#77766f;--paper:#f6f6f2;--line:#dddcd4;--orange:#f25e3d;--orange-dark:#d94628;--lime:#d9f36a;--card:#fff;--serif:Georgia,'Times New Roman',serif;}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button{font:inherit;cursor:pointer}.shell{max-width:1180px;margin:0 auto;padding:0 34px}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.16em;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:25px;height:25px;border-radius:50%;font-family:Georgia,serif;font-weight:700;font-size:16px;letter-spacing:0}.environment,.eyebrow,.tag,.proof-label,.proof-live,th,.table-footnote,footer,.test-note{font:500 10px 'DM Mono',monospace;letter-spacing:.12em}.environment{color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:#72aa43;border-radius:50%;display:inline-block}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;padding:92px 0 102px;align-items:center}.eyebrow{margin:0 0 18px;color:var(--orange);font-size:11px}.hero h1{font-size:clamp(60px,8vw,104px);line-height:.92;letter-spacing:-.07em;margin:0 0 27px;font-weight:700}.hero h1 em{font-family:var(--serif);font-weight:400;color:var(--orange);letter-spacing:-.08em}.lede{max-width:450px;color:#57564f;font-size:15px;line-height:1.8;margin:0 0 34px}.test-note{display:flex;align-items:center;gap:13px;color:var(--muted);letter-spacing:.06em}.test-note span{color:var(--ink);font-size:9px}.test-note code{font-family:'DM Mono',monospace;color:var(--ink);font-size:12px;letter-spacing:.05em}.copy-button{border:0;border-bottom:1px solid var(--ink);background:none;padding:2px 0;color:var(--ink);font:500 10px 'DM Mono',monospace}.hero-proof{background:var(--ink);color:var(--paper);padding:26px 28px 22px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(8px)}.proof-top,.proof-footer{display:flex;justify-content:space-between;align-items:center}.proof-label{color:#aaa9a1;font-size:9px}.proof-live{color:var(--lime);font-size:9px}.flow{margin:27px 0;display:flex;align-items:center;gap:12px}.flow-line{height:1px;background:#4b4b45;flex:1}.flow-step{min-width:82px}.step-no{display:block;color:#77766f;font:11px 'DM Mono',monospace;margin-bottom:20px}.flow-step.active .step-no{color:var(--lime)}.flow strong{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.flow small{color:#8c8b83;font-size:10px}.proof-footer{border-top:1px solid #45453f;padding-top:16px;color:#8c8b83;font:10px 'DM Mono',monospace}.section{border-top:1px solid var(--line);padding:72px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2{font-size:32px;letter-spacing:-.05em;margin:0}.section-hint{font-size:12px;color:var(--muted);margin:0}.plans{display:grid;grid-template-columns:1fr 1fr;gap:18px}.plan-card{background:var(--card);border:1px solid var(--line);padding:28px 30px 30px;min-height:280px;display:flex;flex-direction:column}.plan-card.featured{background:var(--orange);border-color:var(--orange);color:#fff}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.tag{font-size:9px;letter-spacing:.15em}.featured .tag{color:#ffd7ce}.card-index{font:12px 'DM Mono',monospace;color:var(--muted)}.featured .card-index{color:#ffd7ce}.plan-card h3{font-size:25px;letter-spacing:-.04em;margin:0 0 9px}.plan-desc{font-size:12px;line-height:1.6;color:var(--muted);max-width:315px;margin:0}.featured .plan-desc{color:#ffe6df}.price{display:flex;align-items:baseline;gap:10px;margin-top:auto;margin-bottom:23px}.price strong{font:500 28px 'DM Mono',monospace;letter-spacing:-.08em}.price span{font-size:10px;color:var(--muted)}.featured .price span{color:#ffe6df}.action{border:0;width:100%;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;text-align:left;transition:.2s ease}.action.primary{background:var(--ink);color:#fff}.action.secondary{background:var(--ink);color:#fff}.action:hover{background:var(--orange-dark);transform:translateY(-1px)}.featured .action:hover{background:#fff;color:var(--ink)}.action:focus-visible,.refresh:focus-visible,.copy-button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.notice{padding:13px 16px;margin-top:18px;background:#ecece4;color:#3c3c36;font-size:12px;border-left:3px solid var(--orange)}.notice.error{border-color:#a51d1d;background:#f8e6e3;color:#7d1d1d}.refresh{border:0;background:transparent;border-bottom:1px solid var(--ink);padding:6px 0;color:var(--ink);font-size:12px}.refresh span{font-size:16px;margin-right:6px}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;text-align:left;min-width:750px}th,td{padding:17px 18px;border-bottom:1px solid #ecebe5}th{font-size:9px;color:var(--muted);font-weight:500}td{font-size:12px}tbody tr:last-child td{border-bottom:0}.order-id{font:11px 'DM Mono',monospace;color:var(--muted)}.mode{font:10px 'DM Mono',monospace}.amount{font:12px 'DM Mono',monospace}.badge{display:inline-flex;padding:5px 8px;font:10px 'DM Mono',monospace;background:#ebf3d0;color:#55701d}.badge.pending{background:#fff1cf;color:#8b6618}.badge.failed,.badge.cancelled{background:#f8e3df;color:#9b2d20}.empty{text-align:center;color:var(--muted);height:100px}.table-footnote{color:var(--muted);letter-spacing:.04em;margin:14px 0 0;font-size:10px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 34px;color:#96958d;font-size:9px}
@media(max-width:760px){.shell{padding:0 20px}.topbar{height:70px}.hero{display:block;padding:60px 0 70px}.hero h1{font-size:68px}.hero-proof{margin-top:48px}.section{padding:52px 0}.section-heading{display:block}.section-hint{margin-top:12px}.plans{grid-template-columns:1fr}.plan-card{min-height:260px}.test-note{flex-wrap:wrap}.flow{gap:7px}.flow-step{min-width:68px}.flow strong{font-size:10px}.flow small{font-size:9px}}