:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{position:sticky;top:0;height:100vh;padding:28px 22px;background:#101c2f;color:#d8e1ef;display:flex;flex-direction:column;gap:34px}.brand{font-weight:750;display:flex;align-items:center;gap:10px}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#2dd4bf;color:#082f2a}nav{display:flex;flex-direction:column;gap:7px}nav a{color:#9fb0c8;text-decoration:none;padding:10px 12px;border-radius:9px;font-size:14px}nav a:hover,nav a.active{background:#1b2a41;color:#fff}.sandbox-card{margin-top:auto;padding:14px;background:#172943;border:1px solid #29415f;border-radius:12px;display:flex;flex-direction:column;gap:7px}.sandbox-card small{color:#9fb0c8;line-height:1.4}.sandbox-card code{font-size:11px;color:#5eead4;word-break:break-all}main{padding:38px 48px 70px;max-width:1500px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1{margin:4px 0 0;font-size:28px}.eyebrow{color:#0f766e;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.outline{border:1px solid #c9d3e1;background:#fff;padding:10px 14px;border-radius:9px;text-decoration:none;color:#172033;font-size:13px}.hero{background:linear-gradient(135deg,#0f766e,#115e59);color:#fff;border-radius:20px;padding:36px;display:grid;grid-template-columns:1.4fr 1fr;gap:36px;box-shadow:0 18px 40px #0f766e30}.hero h2{font-size:36px;line-height:1.1;margin:16px 0 12px}.hero p{color:#ccfbf1;line-height:1.6}.pill{background:#ffffff20;border:1px solid #ffffff40;border-radius:99px;padding:6px 10px;font-size:12px}.flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:22px;font-size:13px}.flow b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#0f766e}.flow i{opacity:.6}.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.facts div{padding:18px;background:#ffffff15;border:1px solid #ffffff25;border-radius:14px}.facts strong,.facts span{display:block}.facts strong{font-size:20px}.facts span{font-size:12px;color:#ccfbf1;margin-top:5px}.concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.concepts article,.details-grid article{background:#fff;border:1px solid #e0e6ef;border-radius:14px;padding:20px}.concepts span{font-size:11px;text-transform:uppercase;color:#0f766e;font-weight:700}.concepts h3{margin:7px 0 13px}.concepts code{display:block;background:#eefbf8;color:#115e59;padding:9px;border-radius:8px;font-size:11px;white-space:normal}.concepts p,.details-grid p{font-size:13px;line-height:1.55;color:#5d6878}.explorer{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d9e1ec;border-radius:16px;overflow:hidden;background:#fff}.request-pane,.response-pane{padding:22px;min-width:0}.request-pane{border-right:1px solid #d9e1ec}.response-pane{background:#121b2a;color:#dbeafe}.section-title{display:flex;justify-content:space-between;margin-bottom:18px;font-size:12px}.section-title span{font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#0f766e}.response-pane .section-title span{color:#5eead4}.section-title b{font-family:monospace}label{display:block;font-size:11px;color:#64748b;margin:11px 0 5px}input,textarea{width:100%;border:1px solid #ccd6e3;border-radius:8px;padding:10px;font:12px ui-monospace,monospace;background:#fbfcfe}textarea{height:310px;resize:vertical}button{margin-top:14px;border:0;border-radius:9px;background:#0f766e;color:#fff;padding:11px 16px;font-weight:700;cursor:pointer}button:disabled{opacity:.6}.response-pane pre{white-space:pre-wrap;word-break:break-word;font:12px/1.6 ui-monospace,monospace}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}@media(max-width:900px){.shell{display:block}aside{position:static;height:auto}.hero,.concepts,.explorer{grid-template-columns:1fr}.request-pane{border-right:0;border-bottom:1px solid #d9e1ec}main{padding:24px}.facts{grid-template-columns:1fr 1fr}}