.integrationen-page .page-hero .subtitle{max-width:540px}.integration-grid{gap:var(--spacing-lg);max-width:1100px;padding:0 var(--spacing-lg) var(--spacing-3xl);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.integration-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);transition:box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-base);position:relative}.integration-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-gray-300);transform:translateY(-2px)}.integration-icon{width:48px;height:48px;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#e8f1fe 0%,#d4e6fd 100%);border-radius:12px;justify-content:center;align-items:center;display:flex}.integration-icon svg{width:24px;height:24px;color:var(--color-primary)}.integration-category{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:.375rem;font-size:.6875rem;font-weight:600}.integration-name{color:var(--color-text);letter-spacing:-.02em;margin-bottom:var(--spacing-xs);font-size:1.125rem;font-weight:700;line-height:1.3}.integration-desc{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.65}.integrationen-page .cta-section{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-4xl);background:0 0;border-top:none}.integrationen-page .cta-section h2{color:var(--color-text);letter-spacing:-.02em;margin-bottom:var(--spacing-sm);font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.integrationen-page .cta-section p{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg);max-width:480px;margin-left:auto;margin-right:auto;font-size:1rem}.btn-primary-lg{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-size:1rem;font-weight:600;font-family:var(--font-primary);border:1px solid var(--color-primary);text-align:center;background:var(--color-primary);color:var(--color-white);padding:.875rem 2rem;text-decoration:none;display:inline-block;box-shadow:0 2px 8px #0066de33}.btn-primary-lg:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-white);transform:translateY(-2px);box-shadow:0 6px 20px #0066de4d}.fade-in-d9{animation-delay:.9s}.fade-in-d10{animation-delay:1s}@media (max-width:1024px){.integration-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.integration-grid{padding:0 var(--spacing-md) var(--spacing-2xl);grid-template-columns:1fr}.integration-card{padding:var(--spacing-lg)}}