:root{--paper:#f3f0e8;--paper-deep:#e8e3d8;--ink:#151310;--muted:#716d64;--line:#c9c3b7;--orange:#ff5a36;--text-accent:#b9341b;--orange-soft:#ffc1af;--lime:#c9fa60;--blue:#3d63ff;--white:#fffdf7;--radius:2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}body{background:radial-gradient(circle at 83% 6%, #ff5a3624, transparent 23rem), var(--paper);min-width:320px;max-width:100%;color:var(--ink);margin:0;overflow-x:clip}button,input,select{font:inherit}button{color:inherit}button,label,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.page-shell{width:min(1480px,100%);margin:0 auto;padding:0 42px}.site-header{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;height:82px;font-size:11px;font-weight:750;display:flex}.brand{align-items:center;gap:12px;font-size:13px;display:flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--paper);letter-spacing:-.09em;place-items:center;font-weight:900;display:grid}.header-meta{color:var(--muted);align-items:center;gap:10px;display:flex}.pulse{background:var(--orange);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff5a3621}.pulse.online{background:#43a548;box-shadow:0 0 0 4px #43a54821}.build-tag{border:1px solid var(--line);color:var(--ink);margin-left:12px;padding:6px 8px}.hero{border-bottom:1px solid var(--ink);padding:62px 0 72px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.eyebrow:before,.section-label:before{content:"";background:var(--orange);width:6px;height:6px;margin-right:10px}.eyebrow>span,.section-label>span{overflow-wrap:anywhere;min-width:0}.eyebrow span:first-child,.section-label span:first-child{margin-right:auto}.hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.68fr);align-items:end;gap:76px;margin-top:54px;display:grid}.hero-grid>*,.topology-map>*,.workbench-grid>*,.method-grid>*{min-width:0}h1,h2,p{margin-top:0}h1{letter-spacing:-.075em;max-width:940px;margin-bottom:0;font-size:clamp(62px,8vw,124px);font-weight:820;line-height:.79}h1 em{color:var(--text-accent);font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-copy{border-left:1px solid var(--line);padding-left:28px}.hero-copy>p{letter-spacing:-.015em;max-width:460px;font-size:18px;line-height:1.55}.hero-facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:20px;display:grid}.hero-facts span{text-transform:uppercase;letter-spacing:.08em;min-width:0;color:var(--muted);overflow-wrap:anywhere;flex-direction:column;gap:5px;font-size:9px;display:flex}.hero-facts b{color:var(--ink);letter-spacing:-.03em;font-size:20px}.topology,.workbench,.results-section,.method-section{border-bottom:1px solid var(--ink);padding:34px 0 58px}.topology-map{grid-template-columns:1fr auto 1.25fr auto 1fr;align-items:stretch;gap:24px;margin-top:36px;display:grid}.topology-node{border:1px solid var(--ink);flex-direction:column;justify-content:space-between;min-height:110px;padding:20px;display:flex;position:relative;overflow:hidden}.topology-node:after{content:"";opacity:.2;border:1px solid;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-32px;right:-25px}.topology-node small{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:9px}.topology-node strong{letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0;font-size:22px}.node-client{background:var(--white)}.node-worker{background:var(--lime)}.node-d1{color:var(--paper);background:var(--ink)}.node-d1 small{color:#aaa59b}.topology-arrow{min-width:72px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.topology-arrow span{letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;margin-bottom:8px;font-size:8px}.topology-arrow b{color:var(--ink);font-size:24px}.topology-note{color:var(--muted);margin:18px 0 0;font-size:12px}.workbench-grid{border:1px solid var(--ink);grid-template-columns:minmax(520px,1.08fr) minmax(420px,.92fr);margin-top:34px;display:grid}.control-panel{background:var(--white);padding:32px}.panel-heading,.monitor-topline,.results-heading,.method-grid>div:first-child{justify-content:space-between;align-items:center;display:flex}.panel-heading>div,.split-heading>div,.monitor-topline>div,.results-heading>div,.method-grid>div:first-child{align-items:baseline;gap:12px;display:flex}.panel-heading h2,.monitor-topline h2,.results-heading h2,.method-grid h2{letter-spacing:-.045em;margin:0;font-size:27px}.panel-number{color:var(--text-accent);font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.panel-number.inverse{color:var(--lime)}.text-button{appearance:none;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;min-height:28px;padding:5px 0;font-size:9px;font-weight:850}.text-button:hover{color:var(--text-accent)}.text-button:disabled{cursor:not-allowed;opacity:.35}.worker-card{border:1px solid var(--ink);background:#faf8f2;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;margin-top:18px;padding:17px;display:grid}.worker-mark{background:var(--orange);place-items:center;width:34px;height:34px;font:850 10px/1 ui-monospace,monospace;display:grid}.worker-card>span:nth-of-type(2){overflow-wrap:anywhere;flex-direction:column;gap:3px;min-width:0;display:flex}.worker-card b{font-size:13px}.worker-card small{color:var(--muted);font-size:10px}.select-chip>input{opacity:0;pointer-events:none;position:absolute}.target-status{color:var(--muted);text-transform:uppercase;justify-self:end;font:700 9px/1 ui-monospace,monospace}.target-status.online{color:#238b2d}.target-status.error{color:#c5371f}.field{flex-direction:column;gap:7px;margin-top:18px;display:flex}.field>span,fieldset legend{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:780}.field input,.field select{border:1px solid var(--line);background:var(--white);width:100%;height:42px;color:var(--ink);border-radius:0;outline:none;padding:0 12px}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.field-help{color:var(--muted);font:9px/1.45 ui-monospace,monospace}.split-heading{border-top:1px solid var(--ink);margin-top:30px;padding-top:28px}fieldset{border:0;margin:24px 0 0;padding:0}fieldset legend{margin-bottom:9px}.chip-grid{gap:8px;display:grid}.mode-grid{grid-template-columns:repeat(2,1fr)}.protocol-grid{grid-template-columns:repeat(4,1fr)}.transport-grid,.operation-grid{grid-template-columns:repeat(3,1fr)}.select-chip{border:1px solid var(--line);cursor:pointer;flex-direction:column;justify-content:center;min-height:60px;padding:12px;transition:all .15s;display:flex}.select-chip span{font-size:12px;font-weight:800}.select-chip small{text-transform:uppercase;color:var(--muted);font:8px/1.5 ui-monospace,monospace}.select-chip:has(input:checked){border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--orange);background:#f7f4ec}.mode-chip:has(input:checked){background:var(--ink);color:var(--white);box-shadow:inset 0 -3px 0 var(--lime)}.mode-chip:has(input:checked) small{color:#b8b3a9}.chip-cbor:has(input:checked){box-shadow:inset 0 -3px #16846f}.chip-protobuf:has(input:checked){box-shadow:inset 0 -3px 0 var(--blue)}.chip-xml:has(input:checked){box-shadow:inset 0 -3px #767066}.chip-grpc-web:has(input:checked){box-shadow:inset 0 -3px 0 var(--blue)}.chip-websocket:has(input:checked){box-shadow:inset 0 -3px #16846f}.select-chip:focus-within{outline:2px solid var(--blue);outline-offset:2px}.control-note{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.5}.unsupported-note{border-left:3px solid var(--orange);padding:8px 0 8px 12px}.numeric-grid{grid-template-columns:repeat(3,1fr);gap:0 12px;display:grid}.action-row{grid-template-columns:1fr auto;gap:10px;margin-top:28px;display:grid}.primary-button,.secondary-button{border:1px solid var(--ink);cursor:pointer;border-radius:0;height:52px;font-weight:800}.primary-button{background:var(--orange);justify-content:space-between;align-items:center;padding:0 18px;display:flex}.primary-button:hover{background:#ff7455}.primary-button b{font-size:22px}.secondary-button{background:0 0;min-width:84px}.secondary-button:disabled{cursor:not-allowed;opacity:.3}.utility-row{justify-content:space-between;margin-top:18px;display:flex}.monitor-panel{background:var(--ink);color:var(--paper);flex-direction:column;min-height:720px;padding:32px;display:flex}.run-state{text-transform:uppercase;letter-spacing:.12em;color:#a9a49b;border:1px solid #504c45;padding:7px 10px;font:700 9px/1 ui-monospace,monospace}.run-state.running{color:var(--lime);border-color:#c9fa608c}.run-state.error{color:var(--orange-soft);border-color:#ff5a3699}.scope-display{background:#0e0d0b;border:1px solid #454139;height:260px;margin-top:28px;position:relative;overflow:hidden}.scope-grid{opacity:.22;background-image:linear-gradient(#777 1px,#0000 1px),linear-gradient(90deg,#777 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.scope-grid:before,.scope-grid:after{content:"";background:#c9fa6038;position:absolute}.scope-grid:before{width:1px;top:0;bottom:0;left:50%}.scope-grid:after{height:1px;top:50%;left:0;right:0}.scope-readout{flex-direction:column;display:flex;position:absolute;top:20px;left:22px}.scope-readout span{letter-spacing:-.08em;color:var(--lime);font:500 clamp(48px,5vw,78px)/.95 ui-monospace,SFMono-Regular,Consolas,monospace}.scope-readout small{text-transform:uppercase;letter-spacing:.1em;color:#8f8a82;margin-top:8px;font-size:8px}.scope-bars{align-items:end;gap:5px;height:74px;display:flex;position:absolute;bottom:22px;left:20px;right:20px}.scope-bars i{background:var(--orange);flex:1;height:8%;min-height:5px;transition:height .25s}.scope-bars.active i{animation:1.1s ease-in-out infinite alternate signal}.scope-bars i:nth-child(2n){animation-delay:-.25s}.scope-bars i:nth-child(3n){animation-delay:-.55s}@keyframes signal{0%{height:8%}to{height:var(--signal-height,86%)}}.scope-bars i:first-child{--signal-height:28%}.scope-bars i:nth-child(2){--signal-height:58%}.scope-bars i:nth-child(3){--signal-height:35%}.scope-bars i:nth-child(4){--signal-height:90%}.scope-bars i:nth-child(5){--signal-height:48%}.scope-bars i:nth-child(6){--signal-height:70%}.scope-bars i:nth-child(7){--signal-height:38%}.scope-bars i:nth-child(8){--signal-height:82%}.scope-bars i:nth-child(9){--signal-height:55%}.scope-bars i:nth-child(10){--signal-height:95%}.scope-bars i:nth-child(11){--signal-height:44%}.scope-bars i:nth-child(12){--signal-height:64%}.live-metrics{border:1px solid #454139;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));margin-top:18px;display:grid}.live-metrics>div{border-right:1px solid #454139;flex-direction:column;gap:7px;min-width:0;padding:14px;display:flex}.live-metrics>div:last-child{border-right:0}.live-metrics span{color:#858078;text-transform:uppercase;letter-spacing:.08em;overflow-wrap:anywhere;font-size:8px;line-height:1.35}.live-metrics strong{white-space:nowrap;text-overflow:ellipsis;font:650 12px/1.2 ui-monospace,monospace;overflow:hidden}.run-log{border-top:1px solid #454139;max-height:210px;margin-top:18px;overflow:auto}.run-log p{border-bottom:1px solid #2f2c27;grid-template-columns:55px 1fr;gap:10px;margin:0;padding:11px 0;font:10px/1.4 ui-monospace,monospace;display:grid}.run-log time{color:var(--orange-soft)}.run-log span{color:#c0bbb2}.monitor-footnote{color:#969087;margin-top:auto;padding-top:20px;font-size:9px;line-height:1.5}.results-heading{align-items:end;margin-top:32px}.results-heading p{max-width:480px;color:var(--muted);text-align:right;margin:0;font-size:12px}.empty-results{border:1px dashed var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:260px;margin-top:28px;display:flex}.empty-glyph{color:var(--text-accent);font-size:42px}.empty-results strong{font-size:18px}.empty-results p{color:var(--muted);margin:7px 0 0;font-size:11px}.table-scroll{width:100%;min-width:0;max-width:100%;margin-top:28px;overflow-x:auto}table{border-collapse:collapse;background:var(--white);width:100%;font-size:11px}thead th{background:var(--ink);color:var(--paper);text-transform:uppercase;letter-spacing:.08em;text-align:right;white-space:nowrap;padding:13px 12px;font-size:8px}thead th:first-child,thead th:nth-child(2),thead th:nth-child(3),tbody th,td:nth-child(2),td:nth-child(3){text-align:left}td{border-bottom:1px solid var(--line);text-align:right;padding:14px 12px;font:11px/1.3 ui-monospace,monospace}tbody th{border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 12px;font:750 11px/1.3 Inter,ui-sans-serif,sans-serif}.format-badge{text-transform:uppercase;background:#e9e5da;min-width:72px;padding:5px 7px;font:750 9px/1 ui-monospace,monospace;display:inline-block}.format-badge.cbor,.format-badge.websocket{color:#126754;background:#d7f1e9}.format-badge.protobuf,.format-badge.grpc-web{color:#2743a8;background:#dce3ff}.format-badge.xml{background:#dedbd3}.error-count{color:#c5371f}.comparison-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.comparison-card{border:1px solid var(--line);background:var(--white);padding:18px}.comparison-card h3{letter-spacing:-.01em;margin:0 0 18px;font-size:12px}.bar-row{grid-template-columns:104px 1fr 65px;align-items:center;gap:10px;margin-top:10px;display:grid}.bar-row>span{text-transform:uppercase;font:700 9px/1 ui-monospace,monospace}.bar-track{background:var(--paper-deep);height:10px;overflow:hidden}.bar-fill{background:var(--orange);min-width:2px;height:100%}.bar-fill.protobuf{background:var(--blue)}.bar-fill.xml{background:#777168}.bar-row b{text-align:right;font:650 10px/1 ui-monospace,monospace}.method-grid{grid-template-columns:.8fr 1.2fr;gap:80px;margin-top:34px;display:grid}.method-grid>div:first-child{justify-content:flex-start;align-items:baseline}.method-copy>p{letter-spacing:-.015em;font-size:17px;line-height:1.55}.method-copy ol{counter-reset:method;border-top:1px solid var(--line);margin:26px 0;padding:0;list-style:none}.method-copy li{counter-increment:method;border-bottom:1px solid var(--line);padding:14px 0 14px 46px;font-size:12px;line-height:1.45;position:relative}.method-copy li:before{content:"0" counter(method);color:var(--text-accent);font:700 9px/1 ui-monospace,monospace;position:absolute;top:17px;left:0}.method-warning{border-left:3px solid var(--orange);color:var(--muted);padding-left:18px;font-size:11px!important}footer{min-height:90px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;justify-content:space-between;align-items:center;font-size:9px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (max-width:1080px){.page-shell{padding:0 26px}.hero-grid{grid-template-columns:1fr;gap:42px}.hero-copy{max-width:650px}.workbench-grid{grid-template-columns:1fr}.monitor-panel{min-height:650px}.topology-map{grid-template-columns:1fr}.topology-arrow{flex-direction:row;gap:12px;min-height:45px}.topology-arrow span{writing-mode:initial;margin:0}.topology-arrow b{transform:rotate(90deg)}}@media (max-width:680px){.page-shell{padding:0 16px}.site-header{height:70px}#connection-summary{display:none}.hero{padding:44px 0 52px}.hero-grid{margin-top:38px}h1{font-size:clamp(46px,15vw,68px);line-height:.86}.hero-copy{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.control-panel,.monitor-panel{padding:22px 16px}.protocol-grid,.transport-grid,.operation-grid,.numeric-grid{grid-template-columns:repeat(2,1fr)}.live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.live-metrics>div:nth-child(2){border-right:0}.live-metrics>div:nth-child(-n+2){border-bottom:1px solid #454139}.results-heading{flex-direction:column;align-items:flex-start;gap:16px}.results-heading p{text-align:left}.comparison-bars{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr;gap:28px}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}}@media (max-width:420px){.eyebrow,.section-label{align-items:flex-start;gap:10px 14px}.eyebrow:before,.section-label:before{flex:0 0 6px}.eyebrow span:last-child,.section-label span:last-child{text-align:right;flex:0 46%;max-width:145px;line-height:1.35}.hero-facts{gap:8px}.hero-facts b{font-size:18px}.hero-facts span{letter-spacing:.06em;font-size:8px;line-height:1.35}.topology-node{min-height:96px;padding:17px}.topology-node strong{font-size:20px}.topology-arrow{min-width:0}.panel-heading,.monitor-topline{flex-wrap:wrap;gap:12px}.panel-heading>div,.monitor-topline>div{min-width:0}.panel-heading h2,.monitor-topline h2,.results-heading h2,.method-grid h2{font-size:24px}.worker-card{grid-template-columns:34px minmax(0,1fr)}.target-status{grid-column:2;justify-self:start}.utility-row{flex-wrap:wrap;gap:12px}.mode-grid,.protocol-grid,.transport-grid,.operation-grid,.numeric-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}