:root{color:#191b18;background:#f4f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{display:flex;max-width:1180px;margin:0 auto;padding:24px 28px;align-items:center;justify-content:space-between;color:#4f554d;font-size:13px}.brand{display:flex;gap:10px;align-items:center;color:#191b18;font-weight:650}.brand-mark{width:17px;height:17px;border-radius:50% 50% 50% 4px;background:#1c251d;transform:rotate(-18deg)}main{max-width:1180px;margin:0 auto;padding:78px 28px 100px}.intro{max-width:850px}.eyebrow,.pane-label{color:#607064;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.intro h1{max-width:820px;margin:12px 0 20px;font-size:clamp(42px,7vw,84px);font-weight:520;line-height:.98;letter-spacing:-.065em}.intro>p:last-child{max-width:680px;color:#62685f;font-size:18px;line-height:1.65}.playground{margin-top:70px;overflow:hidden;border:1px solid #d8dbd2;border-radius:24px;background:#ffffff9e;box-shadow:0 30px 80px #39483517}.playground-toolbar{display:flex;padding:16px 18px;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe2d9;color:#62685f;font-size:13px}.playground-toolbar>div{display:flex;gap:9px;align-items:center}.status-dot{width:7px;height:7px;border-radius:50%;background:#6f9677;box-shadow:0 0 0 4px #6f967721}.playground-toolbar button{border:1px solid #ccd1c7;border-radius:999px;padding:8px 13px;background:#f8faf5;color:#273028;cursor:pointer}.playground-toolbar button:hover{background:#fff}.playground-toolbar button:disabled{cursor:wait;opacity:.55}.panes{display:grid;grid-template-columns:1.1fr .9fr;min-height:560px}.preview-pane,.protocol-pane{min-width:0;padding:22px}.preview-pane{border-right:1px solid #dfe2d9;background:radial-gradient(circle at 50% 20%,rgba(209,225,207,.5),transparent 55%)}.pane-label{margin:0 0 18px}#frame-host{max-width:560px;margin:54px auto 0}#frame-host iframe{background:transparent}#protocol-log{height:480px;margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#697067;font:12px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;scrollbar-width:thin}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:64px;border:1px solid #d8dbd2;background:#d8dbd2}.facts article{display:grid;gap:9px;padding:26px;background:#f4f5ef}.facts strong{font-size:15px}.facts span{color:#6e746b;font-size:13px;line-height:1.5}@media(max-width:760px){main{padding-top:46px}.panes{grid-template-columns:1fr}.preview-pane{border-right:0;border-bottom:1px solid #dfe2d9}#frame-host{margin-top:24px}.facts{grid-template-columns:1fr}}