/* Brand-first integration catalogue with progressively disclosed scope. */
.integration-gallery{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x proximity;padding:10px 4px 24px;align-items:flex-start;scrollbar-width:thin;scrollbar-color:#b9a9c0 #eee9f1}
.integration-tile{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start;border:1px solid #e6dfea;border-radius:22px;background:#fff;padding:22px;box-shadow:0 7px 22px #35203d12;transition:background-color .25s,border-color .25s,box-shadow .25s}
.integration-tile .integration-brand{height:155px;margin:0 0 23px;background:#fff;border:0;border-radius:15px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.integration-tile .integration-brand img{max-width:85%;height:78px;object-fit:contain}.integration-tile .integration-brand img.zoho-brand{height:250px}.integration-tile .integration-brand-dark{background:#22202b}
.integration-tile h3{font-size:25px;margin:12px 0}.integration-tile>p{min-height:48px;font-size:14px;line-height:1.6}.integration-tile .eyebrow{font-size:10px}
.integration-scope{border-top:1px solid #e6dfea;margin-top:20px}.integration-scope summary{display:flex;justify-content:space-between;gap:12px;padding:17px 0 2px;cursor:pointer;list-style:none;color:#62366e;font-size:13px;font-weight:600}.integration-scope summary::-webkit-details-marker{display:none}.integration-scope[open] summary span{transform:rotate(45deg)}.integration-scope .check-list{font-size:13px;line-height:1.65;margin:18px 0}.integration-scope .text-link{font-size:13px}.integration-scope p{font-size:13px}
.hubspot-wordmark{font-family:Arial,sans-serif;font-size:43px;letter-spacing:-2px;font-weight:700;color:#33475b}.hubspot-wordmark span{color:#ff7a59;font-size:36px;margin-left:3px}
.integration-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:10px;color:#6b6472;font-size:12px}.integration-gallery-controls>div{display:flex;gap:10px}.integration-gallery-controls button{width:45px;height:45px;border-radius:50%;background:#62366e;color:white;border:0;font-size:22px;cursor:pointer}.integration-gallery-controls button:disabled{opacity:.3;cursor:default}
.integration-gallery:focus-visible,.integration-scope summary:focus-visible,.integration-gallery-controls button:focus-visible{outline:3px solid #62366e;outline-offset:5px}
@media(hover:hover){.integration-tile:hover{background:#edf9f7;border-color:#a8d8d2;box-shadow:0 12px 28px #62366e22}}
@media(max-width:1000px){.integration-tile{flex-basis:calc((100% - 22px)/2)}}@media(max-width:600px){.integration-tile{flex-basis:88%;padding:20px}.integration-tile .integration-brand{height:125px}.integration-gallery-controls>span{max-width:190px}.integration-gallery{gap:16px}}
@media(prefers-reduced-motion:reduce){.integration-tile{transition:none}}