.integration-featured{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-md);list-style:none;margin:0 0 var(--space-2xl);padding:0}.integration-featured li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);min-height:112px;padding:var(--space-md) var(--space-xs);text-align:center;font-size:var(--type-small);line-height:1.5}.integration-featured img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.integration-exchange{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);padding:0;margin:0;list-style:none}.integration-exchange li{border-top:2px solid hsl(var(--primary));padding-top:var(--space-lg)}.integration-exchange strong{display:block;margin-bottom:var(--space-sm);font-size:var(--type-body);font-weight:600}.integration-exchange span{font-size:var(--type-body);line-height:1.65}.integration-handoff{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-block:var(--space-xs) var(--space-lg)}.integration-handoff dt{font-size:var(--type-small);color:hsl(var(--primary));margin-bottom:var(--space-xs)}.integration-handoff dd{font-size:var(--type-body);line-height:1.65}.integration-connection-state{font-size:var(--type-small);line-height:1.65;margin-bottom:var(--space-lg);color:hsl(var(--muted-foreground))}.integration-directory small{display:block;font-size:var(--type-label);font-weight:400;margin-top:var(--space-xs);color:hsl(var(--primary));line-height:1.5}.integration-search{margin-bottom:var(--space-lg)}.integration-search label{display:block;font-size:var(--type-body);font-weight:600;margin-bottom:var(--space-sm)}.integration-search>div{display:flex;align-items:center;gap:var(--space-sm);padding-inline:var(--space-md);border:1px solid hsl(var(--charcoal) / .24);border-radius:10px;background:hsl(var(--paper));color:hsl(var(--primary));transition:border-color var(--duration-ui) var(--ease-ui),box-shadow var(--duration-ui) var(--ease-ui)}.integration-search input{width:100%;min-width:0;height:var(--control-height);background:transparent;font-size:var(--type-body);color:hsl(var(--charcoal));outline:none}.integration-search input::-moz-placeholder{color:hsl(var(--muted-foreground))}.integration-search input::placeholder{color:hsl(var(--muted-foreground))}.integration-search>div>svg{flex:none}.integration-search>div:focus-within{outline:2px solid hsl(var(--primary));outline-offset:3px;box-shadow:0 0 0 5px hsl(var(--primary) / .12)}.integration-group>summary{gap:var(--space-md);min-height:64px;padding-block:var(--space-lg);font-size:var(--type-body)}.integration-group>summary>span:first-child{flex:1;min-width:0}.integration-group-marks{display:flex;flex:none;align-items:center;gap:var(--space-sm);margin-left:auto}.integration-group-marks img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.integration-group>summary>svg{flex-shrink:0}.buyer-page .buyer-directory.integration-directory{gap:var(--space-sm);margin-top:var(--space-xs)}.buyer-page .buyer-directory.integration-directory li{display:flex;align-items:center;gap:var(--space-sm);min-height:72px;padding:var(--space-md);border:1px solid var(--border-subtle);border-radius:10px;background:hsl(var(--paper));font-size:var(--type-small);line-height:1.5}.integration-directory li>span:last-child{min-width:0;overflow-wrap:anywhere}.integration-system-mark{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;color:hsl(var(--primary))}.integration-system-mark img{display:block;width:32px;height:32px;-o-object-fit:contain;object-fit:contain}@media (max-width: 760px){.integration-featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xl)}.integration-featured li{min-height:104px;padding:var(--space-sm) var(--space-xs)}.integration-featured img{width:36px;height:36px}.integration-group-marks{gap:var(--space-xs)}.integration-group-marks img{width:20px;height:20px}.buyer-page .buyer-directory.integration-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.integration-exchange,.integration-handoff{grid-template-columns:1fr;gap:var(--space-lg)}.buyer-page .buyer-directory.integration-directory{grid-template-columns:1fr}}@media (max-width: 540px){.integration-group-marks img:nth-child(n+2){display:none}}@media (prefers-reduced-motion: reduce){.integration-search>div{transition:none}}