:root{color-scheme:light;--bg: radial-gradient(circle at top left, rgba(204, 230, 220, .72), transparent 28%), radial-gradient(circle at top right, rgba(255, 214, 170, .48), transparent 34%), linear-gradient(180deg, #f4efe7 0%, #eef4f1 52%, #f8faf9 100%);--panel: rgba(255, 255, 255, .92);--panel-strong: rgba(14, 31, 28, .92);--ink: #112523;--muted: #57706b;--line: rgba(17, 37, 35, .1);--accent: #0d7c66;--accent-strong: #095d4d;--accent-warn: #a15b14;--accent-danger: #a5372a;--shadow: 0 24px 52px rgba(15, 33, 30, .1);font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink)}button,select{font:inherit}button{appearance:none;border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;padding:.78rem 1.12rem;cursor:pointer;font-weight:700;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease;box-shadow:0 10px 22px #095d4d38}button:hover:not([disabled]){transform:translateY(-1px)}button[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}.button-warn{background:linear-gradient(135deg,#c6801a,#935d14)}.button-danger{background:linear-gradient(135deg,#c44f42,#972f25)}select{width:100%;border-radius:16px;border:1px solid var(--line);padding:.85rem .95rem;background:#fff}#app{max-width:1360px;margin:0 auto;padding:1.4rem 1.15rem 2.5rem}.checkout-demo,.website-column,.processor-column{display:grid;gap:1.15rem;min-width:0}.hero,.card{border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:.8rem 1.6rem;align-items:end;padding:1.6rem;background:linear-gradient(135deg,#fffffff0,#f6fbf9e0),#fff}.hero-eyebrow,.section-kicker{margin:0 0 .45rem;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:800}.hero-eyebrow{grid-column:1 / -1;margin-bottom:0}.hero h1{margin:0;font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.04;letter-spacing:-.05em;max-width:none}.hero-copy,.muted{margin:0;color:var(--muted)}.hero-copy{margin-top:0;max-width:none;font-size:1.03rem;align-self:end}.stage-grid{display:grid;gap:1.15rem;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.card{display:grid;gap:1rem;padding:1.25rem;background:var(--panel);min-width:0}.merchant-shell{padding:1.35rem;background:linear-gradient(180deg,#fffffffa,#f5f9f7f0),#fff}.merchant-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.merchant-header h2,.processor-card h2,.event-card h2{margin:0;font-size:1.55rem;letter-spacing:-.03em}.merchant-badge{padding:.6rem .9rem;border-radius:999px;background:#0d7c661f;color:var(--accent-strong);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.subcard{display:grid;gap:.9rem;padding:1.05rem;border-radius:22px;border:1px solid rgba(17,37,35,.08);background:#fcfdfdeb;min-width:0}.subcard h3{margin:0;font-size:1.08rem}.controls-grid,.merchant-grid{display:grid;gap:.9rem}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.merchant-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.field{display:grid;gap:.45rem;font-weight:700}.toolbar,.processor-actions{display:flex;flex-wrap:wrap;gap:.75rem}.detail-list{display:grid;gap:.7rem 1rem;grid-template-columns:max-content minmax(0,1fr);margin:0}.detail-list dt{color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.detail-list dd{margin:0;font-weight:700}.website-status{align-content:start}.status-pill{justify-self:start;padding:.45rem .72rem;border-radius:999px;background:#11252314;color:#294640;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.status-pill[data-tone=ready]{background:#0d7c661f;color:var(--accent-strong)}.status-pill[data-tone=processing]{background:#b8781229;color:#8c5a0d}.status-pill[data-tone=approved]{background:#10744329;color:#12663e}.status-pill[data-tone=declined]{background:#b84e2a24;color:#983d23}.status-pill[data-tone=error]{background:#922f2f29;color:#8f2020}.status-title{margin:0;font-size:1.08rem;font-weight:800}.status-copy,.status-meta{margin:0}.status-copy{color:#304a45}.status-meta{color:var(--muted);font-size:.92rem}.runtime-slot{min-height:290px;border-radius:24px;padding:1rem;border:1px dashed rgba(13,124,102,.28);background:radial-gradient(circle at top right,rgba(13,124,102,.07),transparent 26%),#f4f9f7f5}.processor-card{background:radial-gradient(circle at top right,rgba(255,210,164,.16),transparent 28%),linear-gradient(180deg,#fffffff2,#faf5efeb),#fff}.processor-request{display:grid;gap:.5rem;padding:1rem;border-radius:22px;background:#142b270a;border:1px solid rgba(17,37,35,.08)}.processor-request-title,.processor-request-copy,.processor-request-meta{margin:0}.processor-request-title{font-size:1.02rem;font-weight:800}.processor-request-copy{color:#304a45}.processor-request-meta{color:var(--muted);font-size:.9rem}.event-card{background:var(--panel-strong);color:#f0f7f4}.event-card .muted{color:#dce8e4c7}.event-log{margin:0;min-height:240px;max-height:460px;overflow:auto;padding:1rem;border-radius:20px;background:#f5fbf80f;color:#dce8e4;font-family:Cascadia Code,Consolas,monospace;font-size:.88rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}@media(max-width:1100px){.hero,.stage-grid{grid-template-columns:1fr}}@media(max-width:860px){#app{padding-inline:1rem}.merchant-grid{grid-template-columns:1fr}.merchant-header{grid-template-columns:1fr;display:grid}}.split-checkout{display:grid;gap:0;border-radius:16px;overflow:hidden;border:1px solid rgba(17,37,35,.1);background:#fff}.sc-ticket{background:#1a2e2b;color:#fff;padding:.9rem 1.1rem}.sc-ticket-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.45rem}.sc-ticket-name{font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.sc-ticket-date{font-size:.78rem;color:#ffffff8c}.sc-ticket-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.sc-item-qty{color:#ffffffc7}.sc-item-price{font-weight:700}.sc-promo{padding:.85rem 1.1rem;border-bottom:1px solid rgba(17,37,35,.07)}.sc-summary{padding:.75rem 1.1rem .5rem;display:grid;gap:.4rem}.sc-sum-row{display:flex;justify-content:space-between;align-items:center;font-size:.93rem;color:#304a45}.sc-sum-discount{color:#b84e2a}.sc-sum-total{padding-top:.35rem;border-top:1px solid rgba(17,37,35,.1);font-size:1rem;color:#112523}.sc-continue-wrap{padding:.6rem 1.1rem .85rem}.sc-continue-btn{width:100%;border-radius:8px;background:#a8e63d;color:#1a2e2b;font-size:.95rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:.85rem 1rem;box-shadow:none;transition:background .18s ease,opacity .18s ease}.sc-continue-btn:hover:not([disabled]){background:#96d126;transform:none}[data-role=sc-adyen-wrap]{border-top:1px solid rgba(17,37,35,.08);padding:.85rem 1.1rem 1rem}.sc-adyen-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.6rem}.sc-policies{padding:16px;background:#fff;border:1px solid #e8e8e8;border-radius:10px}.sc-policy-block{border-bottom:1px solid #ebebeb}.sc-policy-block:last-of-type{border-bottom:none}.sc-policy-title{display:flex;align-items:center;justify-content:space-between;padding:11px 0;font-size:11px;font-weight:800;letter-spacing:.08em;color:#1a1a1a;margin:0;text-transform:uppercase;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.sc-policy-title::-webkit-details-marker{display:none}.sc-policy-title:after{content:"+";font-size:16px;font-weight:400;color:#aaa;line-height:1}details.sc-policy-block[open] .sc-policy-title:after{content:"−"}.sc-policy-body{margin:0;padding:0 0 12px;font-size:12px;line-height:1.6;color:#444}.sc-policy-actions{margin-top:18px;padding-top:14px;border-top:1px solid #ebebeb;display:flex;flex-direction:column;gap:10px}.sc-policy-action-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.sc-policy-action-row:last-child{border-bottom:none;padding-bottom:0}.sc-policy-action-label{font-size:12px;color:#333;line-height:1.4}.sc-policy-action-label small{font-size:11px;color:#888}.sc-policy-info-icon{font-size:13px;color:#aaa;cursor:default}.sc-policy-action-link{flex-shrink:0;font-size:11.5px;font-weight:800;color:#0abf53;text-decoration:none;letter-spacing:.04em}.sc-policy-action-link:hover{text-decoration:underline}.pg-method-selector{margin:0 0 4px}.pg-method-heading{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.pg-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:340px){.pg-methods{grid-template-columns:1fr}}.pg-method-item{display:flex;flex-direction:column;position:relative;padding:0;border:1.5px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;font-family:inherit;text-align:center;transition:border-color .15s,box-shadow .15s;overflow:visible}.pg-method-item:hover:not(.is-active){border-color:#b0b0b0}.pg-method-item.is-active{border-color:#0abf53;box-shadow:0 0 0 2px #0abf532e}.pg-method-inner{display:flex;flex-direction:column;align-items:center;padding:20px 12px 14px;gap:4px;flex:1}.pg-method-icon{width:52px;height:52px;border-radius:10px;object-fit:contain;background:#f0f1f3;flex-shrink:0;margin-bottom:6px}.pg-icon--ewallet{background:#0e6e3a;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;border-radius:10px}.pg-method-name{font-size:12px;font-weight:700;color:#222;letter-spacing:.04em;text-align:center}.pg-method-desc{font-size:10.5px;color:#888;font-weight:400;text-align:center;line-height:1.4;flex:1}.pg-select-btn{display:block;width:100%;margin-top:10px;padding:8px 6px;background:#fff;color:#0abf53;border:1.5px solid #0abf53;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.05em;text-align:center;transition:background .15s,color .15s}.pg-method-item:hover .pg-select-btn{background:#0abf53;color:#fff}.pg-method-item.is-active .pg-select-btn{background:#0abf53;color:#fff;border-color:#0abf53}.pg-recommended-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;color:#fff;background:#0abf53;border-radius:99px;padding:2px 10px;letter-spacing:.06em;white-space:nowrap;z-index:1}.pg-secure-banner{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;background:#f0fdf5;border:1px solid #b6f0ce;border-radius:8px}.pg-secure-icon{font-size:18px;flex-shrink:0}.pg-secure-text{display:flex;flex-direction:column;gap:1px}.pg-secure-title{font-size:12px;font-weight:700;color:#0a7a35}.pg-secure-desc{font-size:11px;color:#3a7a55}.pg-change-btn{display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;padding:4px 0;background:none;border:none;border-radius:0;box-shadow:none;cursor:pointer;font-size:13px;font-family:inherit;color:#0abf53;font-weight:500}.pg-change-btn:hover:not([disabled]){text-decoration:underline;transform:none;box-shadow:none}