/* Equal prominence for Kauis's three native integrations. */
.integration-showcase{padding-top:65px;padding-bottom:85px}
.integration-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:end;margin-bottom:42px}
.integration-heading h2{font-size:clamp(42px,4.4vw,66px);letter-spacing:-2.8px;line-height:1.07;margin:0}
.integration-heading>p{font-size:14px;line-height:1.9;max-width:420px;margin:0 0 5px;color:var(--muted)}
.integration-heading>p strong{color:var(--ink);font-weight:600}
.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.integration-card{border-radius:26px;padding:30px;display:flex;flex-direction:column;min-width:0;scroll-margin-top:35px}
.integration-matter{background:#dfe7f1;color:#36516c}.integration-zigbee{background:#e5eecf;color:#416041}.integration-knx{background:#173e37;color:#edf4e7}
.integration-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px}
.integration-card-top b{font-size:9px;font-weight:400;opacity:.6}
.integration-card h3{font-family:var(--display);font-size:59px;letter-spacing:-3px;line-height:1;margin:22px 0 0;font-weight:600}
.integration-knx h3{color:var(--lime)}
.integration-art{height:150px;display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0 16px}
.integration-art svg{width:86px;height:86px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;background:#ffffff30;border:1px solid #ffffff50;border-radius:23px;padding:17px;transform:rotate(-8deg)}
.integration-art svg:last-child{transform:translateY(15px) rotate(8deg);width:64px;height:64px;padding:13px}
.integration-art>span{font-size:19px;opacity:.55}
.integration-knx .integration-art svg{background:#71967c18;border-color:#87a98b25;color:#c4e69e}
.integration-card h4{font-family:var(--display);font-size:25px;line-height:1.16;letter-spacing:-.8px;margin:0 0 18px;min-height:58px;font-weight:600}
.integration-card>p{font-size:12px;line-height:1.9;margin:0 0 24px;min-height:115px;color:inherit}
.integration-knx>p{color:#c4d7cb}
.integration-card ul{list-style:none;margin:0 0 20px;padding:18px 0 0;border-top:1px solid #486b5426;font-size:10px;line-height:1.7;display:grid;gap:12px}
.integration-card li{display:flex;gap:10px;align-items:baseline}.integration-card li:before{content:'';width:5px;height:5px;flex-shrink:0;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;border-radius:1px;transform:rotate(45deg);align-self:center;margin-right:3px}
.integration-knx ul{border-color:#d9e9c72b}
.integration-card>small{font-size:9px;line-height:1.8;opacity:.8;display:block;margin:0 0 24px;min-height:49px}
.integration-card .text-link{margin-top:auto;width:100%;justify-content:space-between;border-top:1px solid #486b5426;padding-top:20px;font-size:11px;color:inherit;text-align:left}
.integration-knx .text-link{border-color:#d9e9c72b;color:var(--lime)}
.integration-knx .text-link>span{background:#c9ecad19;color:var(--lime)}
.integration-scene{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;align-items:center;border:1px solid #d8e1d3;border-radius:22px;padding:30px;margin-top:25px;background:#edf1e7}
.integration-scene h3{font-family:var(--display);font-size:27px;letter-spacing:-1px;line-height:1.18;margin:0 0 13px}.integration-scene p{font-size:12px;line-height:1.9;margin:0;color:var(--muted);max-width:390px}.integration-scene small{display:block;font-size:9px;line-height:1.8;margin-top:14px;color:var(--muted)}
.integration-flow{display:grid;grid-template-columns:1fr 20px 1fr 20px 1.15fr;align-items:center;gap:9px}
.integration-flow>span{font-size:21px;color:#7b957c;text-align:center}
.integration-flow-node{padding:18px 12px;background:#f8faf3;border-radius:13px;text-align:center;min-width:0}
.integration-flow-node b{font-family:var(--display);display:block;font-size:17px;letter-spacing:-.5px}.integration-flow-node>span{font-size:9px;display:block;margin-top:7px;color:#61765f;line-height:1.6}
.integration-flow-hub{background:var(--ink);color:var(--lime);border:1px solid #42614e}.integration-flow-hub>span{color:#bacdb6}
.integration-flow-outputs{display:grid;gap:10px}.integration-flow-outputs .integration-flow-node{padding:13px 8px}.integration-flow-outputs b{font-size:14px}.integration-flow-outputs .integration-flow-node:first-child{background:#e0e7ee}
@media(max-width:1100px){.integration-heading{gap:35px}.integration-card{padding:25px}.integration-card h3{font-size:49px}.integration-card h4{font-size:23px;min-height:54px}.integration-card>p{font-size:11px;min-height:145px}.integration-card>small{min-height:65px}.integration-art{gap:10px}.integration-art svg{width:70px;height:70px;padding:14px}.integration-art svg:last-child{width:53px;height:53px;padding:11px}.integration-scene{gap:25px;grid-template-columns:1fr 1.1fr}.integration-flow{gap:5px;grid-template-columns:1fr 15px 1fr 15px 1.15fr}.integration-flow-node{padding-inline:8px}.integration-flow-node b{font-size:15px}.integration-flow-node>span{font-size:8px}}
@media(max-width:760px){.integration-showcase{padding-top:30px;padding-bottom:55px}.integration-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.integration-heading h2{font-size:39px;letter-spacing:-2px}.integration-heading>p{font-size:13px;margin:0}.integration-grid{grid-template-columns:1fr;gap:17px}.integration-card{padding:27px;border-radius:23px}.integration-card h3{font-size:56px}.integration-card-top{font-size:8px}.integration-art{height:130px;margin:0 0 8px;justify-content:flex-end;padding-right:16px}.integration-art svg{width:78px;height:78px;padding:15px}.integration-art svg:last-child{width:58px;height:58px;padding:12px}.integration-card h4{font-size:27px;min-height:0;max-width:260px}.integration-card>p{font-size:13px;min-height:0;margin-bottom:18px}.integration-card ul{font-size:11px;padding-top:17px;gap:10px}.integration-card>small{font-size:10px;min-height:0;margin-bottom:21px}.integration-card .text-link{font-size:12px;padding-top:17px}.integration-scene{grid-template-columns:1fr;gap:25px;padding:25px 20px;border-radius:21px}.integration-scene h3{font-size:27px}.integration-scene p{font-size:12px}.integration-flow{grid-template-columns:1fr 14px 1fr 14px 1.15fr;gap:4px}.integration-flow-node{padding:16px 7px}.integration-flow-node b{font-size:14px}.integration-flow-node>span{font-size:8px}.integration-flow-outputs b{font-size:12px}.integration-flow-outputs .integration-flow-node{padding:12px 6px}}
@media(max-width:370px){.integration-heading h2{font-size:35px}.integration-card{padding:24px}.integration-flow{gap:3px;grid-template-columns:1fr 10px 1fr 10px 1.15fr}.integration-flow-node b{font-size:12px}.integration-flow-node>span{font-size:7px}.integration-flow-outputs b{font-size:11px}.integration-flow>span{font-size:15px}}