/* Native disclosures keep integration detail compact and keyboard accessible. */
.integration-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin-top:30px;align-items:start}
.integration-option{border:1px solid #ffffff24;border-radius:9px;background:linear-gradient(125deg,#111b2a99,#11162177);overflow:hidden}
.integration-option summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:22px 24px;font-size:16px;line-height:1.5;color:#e6edf6}
.integration-option summary::-webkit-details-marker{display:none}
.integration-toggle{font-size:23px;line-height:1;color:#7fcfdf;font-weight:300;flex:none}
.integration-option[open] .integration-toggle{transform:rotate(45deg)}
.integration-option summary:hover{background:#ffffff05}
.integration-option summary:focus-visible{outline:2px solid #7fcfdf;outline-offset:-5px;border-radius:8px}
.integration-option p{padding:0 24px 22px;color:#b6c2d4;font-size:14px;line-height:1.85}
.integration-scope,.website-foundations{max-width:850px}
.support-summary{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:32px;padding:27px 30px;border:1px solid #ffffff24;border-radius:9px;background:#10192780}
.support-summary h3{font-size:23px;line-height:1.4;font-weight:450;letter-spacing:-.5px}
.support-summary p{font-size:14px;color:#b6c2d4;line-height:1.8;max-width:660px;margin-top:12px}
.support-summary a{flex-shrink:0;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.support-scope{font-size:14px;line-height:1.85;margin-top:25px;max-width:900px;color:#536170}
@media(max-width:760px){.integration-options{grid-template-columns:1fr;gap:12px}.integration-option summary{padding:20px;font-size:15px}.integration-option p{padding:0 20px 20px}.support-summary{display:block;padding:23px}.support-summary a{margin-top:12px}}