@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700&family=Newsreader:opsz,wght@6..72,500&display=swap');:root{--bg:#07110c;--panel:#0c1911;--line:rgba(186,221,198,.15);--text:#edf7f0;--muted:#8da095;--green:#78ff9f;--amber:#ffc76b;--red:#ff8b82}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 74% 0,rgba(59,173,95,.13),transparent 28%),var(--bg);color:var(--text);font-family:Manrope,sans-serif}.skip{position:absolute;top:-5rem}.skip:focus{top:1rem}header{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand span{font:11px DM Mono;color:var(--green);border:1px solid var(--green);padding:7px}.brand b{font-size:13px}nav{display:flex;gap:24px}nav a,footer a{font-size:11px;color:var(--muted);text-decoration:none}main{width:min(1200px,calc(100% - 40px));margin:auto}.hero{padding:100px 0 60px}.kicker{font:10px DM Mono;color:var(--green);letter-spacing:.15em;text-transform:uppercase}.hero h1{font:500 clamp(50px,7vw,90px)/.93 Newsreader;margin:22px 0;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:#6e8275}.hero>p:last-child{max-width:700px;color:#a8b9ae;font-size:18px;line-height:1.6}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:rgba(8,18,12,.85)}.request,.response{min-width:0}.request{border-right:1px solid var(--line)}.tabs,.response-head{height:56px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 20px}.tabs button{height:100%;padding:0 18px;background:none;border:0;color:var(--muted);font:10px DM Mono;cursor:pointer}.tabs button.active{color:var(--green);box-shadow:inset 0 -1px var(--green)}pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 DM Mono;color:#c7ded0}pre[data-code]{height:320px;padding:24px;background:#061009}form{display:flex;gap:10px;padding:18px;border-top:1px solid var(--line)}label{display:grid;gap:7px;flex:1;color:var(--muted);font-size:10px}input{min-width:0;background:#07110c;color:var(--text);border:1px solid var(--line);padding:12px;font:11px DM Mono}form button{align-self:end;min-height:43px;background:var(--green);color:#061009;border:0;padding:0 17px;font-weight:700;cursor:pointer}.response-head{justify-content:space-between;font:10px DM Mono;color:var(--muted)}.response-head b{color:var(--green)}.response-head b.warn{color:var(--amber)}.response-head b.bad{color:var(--red)}.policy{margin:18px;padding:16px;border:1px solid rgba(120,255,159,.2);display:grid;gap:6px}.policy span{font:9px DM Mono;color:var(--green);text-transform:uppercase}.policy strong{font-size:13px}pre[data-output]{height:365px;overflow:auto;padding:0 20px 24px}.contracts{display:grid;grid-template-columns:repeat(3,1fr);padding:100px 0}.contracts article{padding:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contracts article+article{border-left:1px solid var(--line)}.contracts span{font:10px DM Mono;color:var(--green)}.contracts h2{font:500 27px Newsreader}.contracts p{color:var(--muted);font-size:13px;line-height:1.7}footer{border-top:1px solid var(--line);padding:28px clamp(20px,5vw,72px);display:flex;justify-content:space-between;font:10px DM Mono;color:var(--muted)}@media(max-width:800px){nav{display:none}.workspace{grid-template-columns:1fr}.request{border:0;border-bottom:1px solid var(--line)}.contracts{grid-template-columns:1fr}.contracts article+article{border-left:0}.hero{padding-top:70px}.tabs{padding:0}.tabs button{padding:0 12px}form{flex-direction:column}}
.sandbox-actions{display:flex;gap:8px;flex-wrap:wrap}.reset-button{background:transparent!important;color:var(--text)!important;border:1px solid var(--line)!important}.distribution{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1px}.distribution article{background:var(--canvas);padding:32px}.distribution span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--green)}.distribution h2{font-size:20px;margin:15px 0 10px}.distribution p{color:var(--muted);font-size:13px;line-height:1.6}.distribution a{color:var(--green);font-family:var(--mono);font-size:11px}@media(max-width:800px){.distribution{grid-template-columns:1fr}}
.distribution article{background:var(--bg)}.distribution span,.distribution a{font-family:"DM Mono",monospace}