.integration-back{font-size:17px;color:var(--navy)}
.integration-hero{padding:83px 0 73px;background:linear-gradient(120deg,#f1f4f8,#faf8f4)}
.integration-hero h1{font-size:clamp(38px,calc(4vw + 4px),57px);font-weight:650;line-height:1.4;letter-spacing:-1.5px}
.integration-hero p{font-size:20px;color:var(--muted);line-height:2;margin-top:24px}
.integration-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.integration-badges span{border:1px solid #c9ced7;border-radius:4px;padding:5px 13px;font-size:15px;letter-spacing:1px}
.integration-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.integration-lead{color:var(--muted);margin:24px 0;max-width:340px}
.integration-cards{display:grid;gap:20px;min-width:0}
.integration-cards article{padding:29px 32px;background:#f7f8fa;border:1px solid #e8ebef;border-radius:9px}
.integration-cards h3{font-size:25px;line-height:1.6}
.integration-cards p{font-size:18px;color:var(--muted);margin-top:12px;line-height:1.95}
.integration-number{display:block;font-size:14px;letter-spacing:2px;color:var(--gold);margin-bottom:10px}
.integration-api{background:var(--navy);color:#fff;padding:66px 0}
.integration-table-wrap{overflow-x:auto;margin-top:28px}
.integration-api table{border-collapse:collapse;text-align:left;width:100%;min-width:650px;font-size:18px}
.integration-api caption{text-align:left;color:#c5ccda;margin-bottom:14px;font-size:17px}
.integration-api th,.integration-api td{padding:17px 18px;border-bottom:1px solid #ffffff25}
.integration-api th{font-size:16px;letter-spacing:1px;color:#d9c5a3;font-weight:500}
.integration-api td:first-child{white-space:nowrap}
.integration-api td:last-child{color:#cbd2df}
.integration-api a{text-decoration:underline;text-underline-offset:4px}
.integration-note{border-left:2px solid var(--gold);padding-left:20px;margin-top:29px;max-width:880px}
.integration-note strong{font-size:18px;font-weight:500}
.integration-note p{font-size:17px;line-height:1.9;color:#cbd2df;margin-top:7px}
.integration-cards code,.integration-api code{font-size:16px;overflow-wrap:anywhere}
@media(max-width:900px){.integration-grid{grid-template-columns:1fr;gap:30px}.integration-lead{max-width:100%}.integration-hero{padding:50px 0}.integration-hero p{font-size:18px}.integration-api{padding:45px 0}}
@media(max-width:600px){.integration-cards article{padding:23px}.integration-cards h3{font-size:23px}.integration-cards p{font-size:17px}.integration-api table{font-size:16px}.integration-back{font-size:15px}.integration-hero h1{font-size:38px}.integration-hero p br{display:none}}