@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Manrope,system-ui,sans-serif;color:#e8eef8;background:#07101c;font-synthesis:none;--line: #1d2b3d;--muted: #8290a4;--cyan: #43d9c5;--panel: #0c1726}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% -10%,#102b3a 0,transparent 34%),#07101c}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}header{height:72px;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:#07101cd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{color:#f8fbff;display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:700;letter-spacing:-.4px;font-size:18px}.brand b{color:var(--cyan)}.brand-mark{display:flex;position:relative;width:38px}.brand-mark i{width:24px;height:24px;border-radius:50%;background:#ea4257;display:block}.brand-mark i+i{background:#ff9e1b;margin-left:-10px;mix-blend-mode:screen}.environment{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a8b4c5;border:1px solid #26374c;border-radius:99px;padding:8px 12px;margin-left:28px}.environment span{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--cyan)}.privacy{margin-left:auto;color:#748399;font-size:12px;display:flex;align-items:center;gap:8px}.privacy svg{color:var(--cyan)}main{max-width:1280px;margin:auto;padding:62px 24px 80px}.hero{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}.eyebrow,label>span{color:var(--cyan);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.16em;font-weight:500}.eyebrow{margin:0 0 14px}h1{margin:0;font-size:clamp(40px,5vw,67px);letter-spacing:-.055em;line-height:.98;font-weight:500}h1 em{color:#73849b;font-style:normal}.intro{color:#91a0b4;line-height:1.75;width:365px;font-size:14px;margin:0 0 4px}.card{background:linear-gradient(145deg,#0f1c2cf5,#091422f5);border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 45px #00000029}.config-card{padding:28px 30px 30px;margin-bottom:20px}.section-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:25px}.section-title>svg{margin-left:auto;color:#526176}.step{border:1px solid #2d4054;color:var(--cyan);font:500 10px DM Mono;padding:6px 7px;border-radius:5px}h2{font-size:17px;margin:1px 0 5px;letter-spacing:-.02em}.section-title p{margin:0;color:var(--muted);font-size:12px}label{display:flex;flex-direction:column;gap:9px;min-width:0}input,select,textarea{color:#dfe8f5;border:1px solid #27374b;background:#091422;border-radius:7px;outline:none;transition:border-color .2s,box-shadow .2s}input,select{height:44px;padding:0 13px;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#388f8a;box-shadow:0 0 0 3px #43d9c514}input::placeholder{color:#4f5d70}.field-grid{display:grid;gap:18px}.config-grid{grid-template-columns:1.5fr 1fr 1fr 100px 100px}.config-grid .merchant-url{grid-column:1 / -1}.workspace-grid{display:grid;grid-template-columns:minmax(400px,.9fr) minmax(480px,1.1fr);gap:20px;align-items:start}.transaction-card,.viewer-card{padding:28px 30px 30px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#718198 50%),linear-gradient(135deg,#718198 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px;background-repeat:no-repeat}.id-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.id-grid label:only-child{grid-column:1 / -1}.endpoint{margin:18px 0 14px;background:#07111e;padding:10px;display:flex;align-items:center;border:1px solid #1e2c3e;border-radius:7px;overflow:hidden}.method{font:600 10px DM Mono;padding:5px 7px;border-radius:4px;color:var(--cyan);background:#43d9c51a;margin-right:9px}.method.get{color:#8ba9ff;background:#6f91ff1f}.endpoint code{color:#8696ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:11px DM Mono}.editor-toggle{width:100%;padding:0;height:42px;border:0;border-top:1px solid #1d2b3d;background:transparent;color:#9ba9bb;display:flex;align-items:end;justify-content:space-between}.editor-toggle span{display:flex;align-items:center;gap:8px;font-size:12px}.editor-toggle b{color:var(--cyan);font:500 10px DM Mono;text-transform:uppercase}.json-editor{resize:vertical;width:100%;height:285px;padding:15px;margin-top:12px;font:11px/1.65 DM Mono,monospace;-moz-tab-size:2;tab-size:2}.get-note{height:80px;border:1px dashed #29394e;border-radius:7px;margin-top:12px;display:grid;place-items:center;color:#66758a;font-size:12px}.validation{margin-top:12px;color:#ff8997;background:#ea425717;border:1px solid rgba(234,66,87,.24);border-radius:6px;padding:10px 12px;font-size:12px}.send{margin-top:18px;width:100%;height:48px;border-radius:7px;border:0;background:var(--cyan);color:#041813;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 24px #43d9c51f}.send:hover:not(:disabled){background:#64ead8;transform:translateY(-1px)}.send:disabled{opacity:.65;cursor:wait}.checkout-launch{margin-top:10px;width:100%;height:48px;border-radius:7px;border:1px solid #3d8f89;background:#43d9c512;color:var(--cyan);font-size:12px;font-weight:700}.checkout-launch:hover{background:#43d9c521;border-color:var(--cyan)}.launch-icon{font-size:17px;margin-right:7px}.spinner{width:15px;height:15px;border:2px solid rgba(4,24,19,.3);border-top-color:#041813;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer-block{border:1px solid #1f2e41;border-radius:8px;overflow:hidden;background:#07111d;margin-bottom:15px}.viewer-head{display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 13px;background:#0d1928;border-bottom:1px solid #1f2e41;color:#718198;font:500 10px DM Mono;letter-spacing:.14em}.viewer-head>div{display:flex;gap:8px;align-items:center}.viewer-head button{color:#8a9aaf;background:none;border:0;display:flex;gap:6px;align-items:center;font:500 10px DM Mono}.viewer-head button:hover{color:var(--cyan)}.viewer-head button svg{width:14px}.viewer-block pre,.empty{height:245px;margin:0;padding:15px;overflow:auto;font:11px/1.65 DM Mono}.empty{display:grid;place-items:center;text-align:center;color:#4f5d70;font-family:Manrope;font-size:12px}.key{color:#80aefa}.string{color:#83d6b4}.number{color:#e4a767}.literal{color:#d18bf1}.response.success{border-color:#43d9c54d}.response.error{border-color:#ea425761}.status-pill{letter-spacing:0;border-radius:99px;padding:4px 7px;color:#a0aec0;background:#172536}.success .status-pill{color:var(--cyan)}.error .status-pill{color:#ff8290}footer{border-top:1px solid var(--line);max-width:1280px;margin:auto;height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;color:#4f5d70;font-size:11px}footer span{font:500 10px DM Mono;letter-spacing:.15em}footer p{margin:0}@media(max-width:900px){.config-grid{grid-template-columns:1fr 1fr}.config-grid .wide,.config-grid .merchant-url{grid-column:1 / -1}.workspace-grid{grid-template-columns:1fr}.hero{align-items:start;flex-direction:column;gap:25px}.intro{width:min(100%,500px)}}@media(max-width:600px){header{height:62px;padding:0 16px}.environment{display:none}.privacy{font-size:0}.privacy svg{width:20px}main{padding:40px 14px 55px}.hero{margin-bottom:35px}h1{font-size:42px}.config-card,.transaction-card,.viewer-card{padding:22px 18px}.config-grid,.id-grid{grid-template-columns:1fr}.config-grid .wide,.config-grid .merchant-url{grid-column:auto}.workspace-grid{grid-template-columns:minmax(0,1fr)}.viewer-block pre,.empty{height:220px}footer{height:auto;padding:25px 16px;gap:12px;align-items:flex-start;flex-direction:column;line-height:1.5}}