.integration-examples.svelte-b4k3gw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:44px}article.svelte-b4k3gw{border-top:1px solid #ffffff25;padding-top:20px;min-width:0}.example-number.svelte-b4k3gw{font:9px monospace;letter-spacing:1px;color:#858585}h3.svelte-b4k3gw{font-size:21px;margin:12px 0}.description.svelte-b4k3gw{font-size:13px;line-height:1.8;color:#a4a4a4;min-height:96px;margin-bottom:22px}.scheme.svelte-b4k3gw{min-height:346px}.machine.svelte-b4k3gw{border:1px solid #ffffff30;padding:15px;background:#202020}.machine-label.svelte-b4k3gw{display:block;font:8px monospace;letter-spacing:.7px;color:#a1a1a1;margin-bottom:15px;line-height:1.6}.application.svelte-b4k3gw{border:1px solid #ffffff35;background:#292929;padding:15px 8px;text-align:center;font-size:13px;color:#eee}.connection.svelte-b4k3gw{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0}.connection.svelte-b4k3gw>span:where(.svelte-b4k3gw):first-child{color:#aaa;font-size:22px;line-height:1}.connection.svelte-b4k3gw>span:where(.svelte-b4k3gw):last-child{font:8px monospace;letter-spacing:1px;color:#929292}.api.svelte-b4k3gw{border:1px solid #d03d3170;background:#d03d3110;padding:12px 6px;text-align:center;font:9px monospace;letter-spacing:.5px;color:#efeeec}.services.svelte-b4k3gw{padding:18px 8px;text-align:center;border:1px solid #ffffff20;border-top:0;font-size:18px;letter-spacing:-.4px}.services.svelte-b4k3gw span:where(.svelte-b4k3gw){display:block;color:#aaa;font-size:11px;letter-spacing:0;margin-top:4px}.local.svelte-b4k3gw .appliance:where(.svelte-b4k3gw){min-height:346px;display:flex;flex-direction:column}.local.svelte-b4k3gw .connection:where(.svelte-b4k3gw){flex:1;justify-content:center;min-height:70px}.sensor.svelte-b4k3gw{border-top:1px solid #ffffff15;margin-top:12px;padding-top:12px;color:#aaa;font-size:10px;text-align:center}.sensor.svelte-b4k3gw span:where(.svelte-b4k3gw){margin-right:8px}.integration-summary.svelte-b4k3gw{display:flex;align-items:start;gap:14px;margin-top:30px;padding-top:24px;border-top:1px solid #ffffff20}.integration-summary.svelte-b4k3gw p:where(.svelte-b4k3gw){font-size:13px;line-height:1.8;color:#a4a4a4;margin:0;max-width:860px}.integration-summary.svelte-b4k3gw strong:where(.svelte-b4k3gw){font-weight:400;color:#eee}.api-key.svelte-b4k3gw{width:9px;height:9px;border:1px solid #d03d31;flex-shrink:0;margin-top:7px}@media(max-width:1000px){.integration-examples.svelte-b4k3gw{gap:16px}.machine.svelte-b4k3gw{padding:11px}.machine-label.svelte-b4k3gw{font-size:7px}.api.svelte-b4k3gw{font-size:8px}.description.svelte-b4k3gw{min-height:120px}}@media(max-width:760px){.integration-examples.svelte-b4k3gw{grid-template-columns:1fr;gap:32px;margin-top:28px}.description.svelte-b4k3gw{min-height:0;margin-bottom:20px;max-width:380px}.scheme.svelte-b4k3gw{min-height:0}.local.svelte-b4k3gw .appliance:where(.svelte-b4k3gw){min-height:300px}.machine.svelte-b4k3gw{padding:16px}.machine-label.svelte-b4k3gw{font-size:8px}.api.svelte-b4k3gw{font-size:10px}.integration-summary.svelte-b4k3gw{margin-top:26px}}