.integrations{max-width:1080px;margin:auto}.int-hero{padding:30px;border-radius:24px;background:linear-gradient(120deg,#f0eaff,#e8f5f0);margin-bottom:14px}.int-hero h1{font-size:clamp(1.7rem,3vw,2.5rem);margin:12px 0}.int-hero p{max-width:680px;line-height:1.6}.int-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.int-card{display:flex;flex-direction:column;gap:10px;min-width:0}.int-card p{line-height:1.65;flex:1}.int-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#e4eee7;color:#306c55;font-size:32px}.int-card:nth-child(2) .int-symbol{background:#f8ecd0;color:#805d15}.int-card:nth-child(3) .int-symbol{background:#eae4f8;color:#655099}.int-actions,.int-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.int-actions button,.int-list button{white-space:normal;text-align:left}.int-work,.int-note{margin-top:22px}.integrations label{display:grid;gap:7px;margin:14px 0;font-weight:600}.integrations input:not([type=checkbox]),.integrations select,.integrations textarea{width:100%;padding:12px;border:1px solid #c8c4d0;border-radius:11px;font:inherit;background:#fff;color:#302d40;box-sizing:border-box}.int-fields{display:grid;grid-template-columns:2fr 1fr;gap:15px}.integrations .int-check{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.int-check input{margin-top:5px}.int-preview{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;background:#f7f6fb;padding:18px;border-radius:16px;line-height:1.7}.int-status{min-height:1.4em}.int-status[role=alert]{color:#963334}.integrations button:focus-visible,.integrations a:focus-visible{outline:3px solid #7868b8;outline-offset:3px}@media(max-width:900px){.int-cards{grid-template-columns:1fr}.int-fields{grid-template-columns:1fr}.int-hero{padding:22px}}