:root{font-family:Arial,Helvetica,sans-serif;color:#15231e;background:#f1f4f0;line-height:1.5;--green:#123c30;--mint:#dcebe3;--yellow:#e2b84b;--blue:#356a8a;--red:#9e4c42;--line:#cbd4cf}*{box-sizing:border-box}body{margin:0}.topbar{height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.topbar>div{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--green);color:#fff;font-weight:700}.status{padding:5px 9px;border:1px solid var(--line);font:700 12px monospace;text-transform:uppercase}.status.ready{border-color:#5d8c72;color:#286044;background:#edf7f0}.status.pending{color:#755d24;background:#fff8e3}main{max-width:1180px;margin:auto;padding:36px 28px 70px}.intro{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:end;padding-bottom:34px;border-bottom:1px solid var(--line)}h1{max-width:800px;margin:6px 0 14px;font-size:42px;line-height:1.08;letter-spacing:0}h2{margin:3px 0 14px;font-size:22px}.intro p:not(.eyebrow){max-width:760px;color:#52615b;font-size:18px}.eyebrow{margin:0;color:#39735c;font:700 12px monospace;text-transform:uppercase}.summary{margin:0;background:#fff;border-left:4px solid var(--yellow)}.summary div{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e9e6}.summary dt{color:#617069}.summary dd{margin:0;font-weight:700}.flow{display:grid;grid-template-columns:repeat(5,1fr);margin:28px 0;border:1px solid var(--line);background:#fff}.flow span{padding:12px;border-right:1px solid var(--line);font-weight:700}.flow span:last-child{border-right:0}.flow b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;background:var(--green);color:#fff}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:24px;align-items:start}.section-heading{display:flex;justify-content:space-between;align-items:end}.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource{padding:18px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue)}.resource.selected{border-top-color:var(--yellow);outline:2px solid #ead48d}.resource h3{margin:4px 0}.resource p{min-height:48px;color:#596760}.resource footer{display:flex;align-items:center;justify-content:space-between}.resource button,.panel button{border:0;background:var(--green);color:#fff;padding:10px 13px;font-weight:700;cursor:pointer}.price{font:700 15px monospace}.panel{padding:20px;background:#fff;border:1px solid var(--line);position:sticky;top:20px}.panel label{display:block;margin:18px 0 5px;font-weight:700}.panel select{width:100%;padding:10px;border:1px solid var(--line);background:#fff}.panel button{width:100%;margin:12px 0}.panel pre{min-height:220px;max-height:420px;overflow:auto;margin:0;padding:12px;background:#14201c;color:#d8e7df;white-space:pre-wrap;word-break:break-word;font-size:12px}.endpoints{margin-top:36px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border:1px solid var(--line)}th{background:var(--mint)}code{font-family:Consolas,monospace}@media(max-width:760px){.topbar{padding:0 14px}.topbar strong{font-size:14px}main{padding:24px 14px}.intro,.workspace{grid-template-columns:1fr;gap:22px}h1{font-size:32px}.flow{grid-template-columns:1fr}.flow span{border-right:0;border-bottom:1px solid var(--line)}.catalog{grid-template-columns:1fr}.panel{position:static}table{font-size:12px;display:block;overflow-x:auto}}