.integration-showcase{--showcase-accent: var(--theme-integrations);width:100%;overflow:clip;padding-bottom:var(--spacing-64)}.integration-showcase-header{display:grid;justify-items:center;gap:16px;padding-top:var(--body-section-padding);padding-bottom:var(--spacing-40);text-align:center}.integration-showcase-header h2{font-family:var(--font-display-serif);font-weight:var(--display-font-weight);letter-spacing:var(--display-letter-spacing);max-width:900px}.integration-showcase-lead{max-width:640px;color:var(--muted);font-size:var(--text-subheading);line-height:1.45;margin:0}.integration-categories{padding-top:var(--body-section-padding);padding-bottom:var(--body-section-padding)}.integration-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-16)}.integration-category-card{display:flex;flex-direction:column;gap:16px;padding:var(--spacing-32);background:var(--paper);border:1px solid var(--color-ash-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card-rest);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.integration-category-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #282e3e1a,0 40px 56px #282e3e14;border-color:color-mix(in srgb,var(--showcase-accent) 30%,var(--color-ash-border))}.integration-category-card--orange{background:color-mix(in srgb,var(--theme-app) 6%,var(--paper));border-color:color-mix(in srgb,var(--theme-app) 20%,var(--color-ash-border))}.integration-category-card--green{background:color-mix(in srgb,var(--theme-website) 6%,var(--paper));border-color:color-mix(in srgb,var(--theme-website) 20%,var(--color-ash-border))}.integration-category-card--blue{background:color-mix(in srgb,var(--theme-integrations) 6%,var(--paper));border-color:color-mix(in srgb,var(--theme-integrations) 20%,var(--color-ash-border))}.integration-category-card--rose{background:color-mix(in srgb,var(--theme-managed-services) 6%,var(--paper));border-color:color-mix(in srgb,var(--theme-managed-services) 20%,var(--color-ash-border))}.integration-category-card--light{background:var(--paper)}.integration-category-header{display:flex;align-items:center;gap:16px}.integration-category-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--showcase-accent);flex-shrink:0}.integration-category-icon img{width:28px;height:28px;display:block;object-fit:contain}.integration-category-card--orange .integration-category-icon{background:var(--theme-app)}.integration-category-card--green .integration-category-icon{background:var(--theme-website)}.integration-category-card--blue .integration-category-icon{background:var(--theme-integrations)}.integration-category-card--rose .integration-category-icon{background:var(--theme-managed-services)}.integration-category-card--light .integration-category-icon{background:var(--color-stormcloud-ink)}.integration-category-header h3{margin:0;font-size:var(--text-heading);font-weight:700;line-height:1.15}.integration-category-card p{margin:0;color:var(--muted);line-height:1.45}.integration-category-apps{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}.integration-app-chip{display:inline-block;padding:6px 14px;background:color-mix(in srgb,var(--showcase-accent) 8%,var(--paper));border:1px solid color-mix(in srgb,var(--showcase-accent) 16%,var(--color-ash-border));border-radius:var(--radius-full);font-size:var(--text-body-sm);font-weight:600;color:var(--showcase-accent);transition:background .15s ease}.integration-app-chip:hover{background:color-mix(in srgb,var(--showcase-accent) 14%,var(--paper))}.integration-showcase-cta{display:grid;justify-items:center;padding-top:var(--spacing-16)}.integration-cta-card{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:640px;padding:var(--spacing-48);background:var(--paper);border:1px solid var(--color-ash-border);border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-card-rest)}.integration-cta-card h3{margin:0;font-size:var(--text-heading-lg);font-weight:700}.integration-cta-card p{margin:0;color:var(--muted);font-size:var(--text-subheading);line-height:1.45}.chrome-cta{display:inline-flex;align-items:center;justify-content:center;min-width:var(--chrome-cta-min-width);min-height:var(--chrome-cta-min-height);padding:0 28px;background:var(--header-cta-bg);color:var(--header-cta-color);border-radius:var(--radius-full);font-size:var(--chrome-button-font-size);font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.chrome-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #282e3e2e}@media(max-width:1023px){.integration-categories-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.integration-showcase-header h2{font-size:clamp(28px,8vw,var(--text-heading-lg))}.integration-showcase-lead{font-size:var(--text-body)}.integration-categories-grid{grid-template-columns:1fr;padding:0 var(--spacing-16)}.integration-cta-card{padding:var(--spacing-32) var(--spacing-24);margin:0 var(--spacing-16)}.integration-category-card{padding:var(--spacing-24)}}