.integrations-page{background-color:hsl(var(--background));min-height:100vh}.integrations-section{background-color:hsl(var(--secondary));padding:6rem 0}.integrations-container{max-width:80rem;margin:0 auto;padding:0 1.5rem}.integrations-title{color:hsl(var(--foreground));text-align:center;margin-bottom:1rem;font-family:Playfair Display,Georgia,serif;font-size:1.875rem;font-weight:700}@media (min-width:768px){.integrations-title{font-size:2.25rem}}.integrations-title-accent{background:linear-gradient(135deg,hsl(var(--gold)),hsl(var(--gold-dark)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.integrations-description{color:hsl(var(--muted-foreground));text-align:center;max-width:42rem;margin:0 auto 3rem;font-family:Inter,sans-serif;font-size:1rem;line-height:1.75}.integrations-filters{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:4rem;display:flex}.integrations-filter{background-color:hsl(var(--background));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));cursor:pointer;border-radius:9999px;padding:.625rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s}.integrations-filter:hover{color:hsl(var(--foreground))}.integrations-filter-active{background-color:hsl(var(--espresso));color:hsl(var(--cream));border-color:hsl(var(--espresso));box-shadow:0 4px 12px -4px hsl(var(--espresso)/.3)}.integrations-filter-active:hover{color:hsl(var(--cream))}.integrations-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.integrations-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.integrations-grid{grid-template-columns:repeat(4,1fr)}}.integration-card{text-align:center;background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:1rem;flex-direction:column;align-items:center;padding:2rem;text-decoration:none;transition:border-color .3s,box-shadow .3s;display:flex}.integration-card:hover{border-color:hsl(var(--accent)/.3);box-shadow:0 20px 60px -15px hsl(var(--espresso)/.15),0 8px 24px -8px hsl(var(--gold)/.1)}.integration-card-icon{background:hsl(var(--muted));border-radius:.75rem;justify-content:center;align-items:center;width:8rem;height:4rem;margin-bottom:1rem;padding:1rem;display:flex}.integration-card-icon span{color:hsl(var(--cream));font-family:Playfair Display,Georgia,serif;font-size:1.25rem;font-weight:700}.integration-card-name{color:hsl(var(--foreground));align-items:center;gap:.375rem;margin-bottom:.5rem;margin-left:14.5px;font-family:Playfair Display,Georgia,serif;font-size:1.125rem;font-weight:700;display:flex}.integration-card-external{color:hsl(var(--muted-foreground));opacity:0;transition:opacity .2s}.integration-card:hover .integration-card-external{opacity:1}.integration-card-description{color:hsl(var(--muted-foreground));margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.625}.integration-card-category{background-color:hsl(var(--secondary));color:hsl(var(--muted-foreground));border-radius:9999px;margin-top:auto;padding:.25rem .75rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;display:inline-block}@media (max-width:640px){.integrations-section{padding:4rem 0}.integrations-filters{margin-bottom:2rem}.integration-card{padding:1.5rem}}