.integration-card-link{color:inherit;text-decoration:none;display:block}.integration-card{background:var(--gr-bg);border:1px solid var(--gr-line-soft);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;height:100%;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.integration-card-link:focus-visible .integration-card{outline:2px solid var(--gr-accent-ink);outline-offset:2px;border-color:var(--gr-accent-ink)}.integration-card:hover{border-color:var(--gr-accent-ink);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.integration-card.coming-soon{opacity:.7;cursor:default}.integration-card.coming-soon:hover{border-color:var(--gr-line-soft);box-shadow:none;transform:none}.integration-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.integration-card-logo{background:var(--gr-bg-elev);border-radius:var(--radius-lg);width:56px;height:56px;padding:var(--space-1);justify-content:center;align-items:center;display:flex}.integration-card-logo img{object-fit:contain;width:100%;height:100%}.integration-card-badges{gap:var(--space-2);display:flex}.difficulty-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-weight:600}.difficulty-easy{color:var(--gr-sage-ink);background:#10b9811a}.difficulty-medium{color:var(--gr-amber-ink);background:#f59e0b1a}.difficulty-advanced{color:var(--gr-warn-ink);background:#ef44441a}.time-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--gr-bg-sunken);color:var(--gr-ink-soft);font-weight:500}.integration-card-title{font-size:var(--text-lg);color:var(--gr-ink-strong);margin-bottom:var(--space-2);font-weight:600}.integration-card-description{font-size:var(--text-sm);color:var(--gr-ink-soft);margin-bottom:var(--space-4);flex-grow:1;line-height:1.5}.integration-card-tags{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.integration-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--gr-bg-sunken);border-radius:var(--radius-md);color:var(--gr-ink-soft)}.integration-card-cta{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gr-accent-ink);margin-top:auto;font-weight:600;display:flex}.integration-card-arrow{width:16px;height:16px;transition:transform .2s}.integration-card:hover .integration-card-arrow{transform:translate(4px)}.integration-card-coming-soon{font-size:var(--text-sm);color:var(--gr-ink-soft);margin-top:auto;font-style:italic;font-weight:500}[data-theme=dark] .integration-card{background:var(--gr-bg-elev)}[data-theme=dark] .integration-card-logo{background:var(--gr-bg-sunken)}[data-theme=dark] .integration-card:hover{box-shadow:0 4px 12px #0000004d}
.integrations-hub{background:var(--gr-bg);min-height:100vh}.integrations-container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.integrations-hero{padding:var(--space-16) var(--space-6);background:linear-gradient(180deg, var(--gr-bg-elev) 0%, var(--gr-bg) 100%);text-align:center}.integrations-hero-content{max-width:800px;margin:0 auto}.integrations-hero-label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--gr-accent-ink);margin-bottom:var(--space-4);font-weight:600;display:inline-block}.integrations-hero-title{color:var(--gr-ink-strong);margin-bottom:var(--space-4);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}.integrations-hero-subtitle{font-size:var(--text-lg);color:var(--gr-ink-soft);margin-bottom:var(--space-8);line-height:1.6}.integrations-hero-platforms{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.platforms-label{font-size:var(--text-sm);color:var(--gr-ink-soft);text-transform:uppercase;letter-spacing:.05em}.platforms-logos{align-items:center;gap:var(--space-4);display:flex}.platforms-logos img{opacity:.8;transition:opacity .2s}.platforms-logos img:hover{opacity:1}.platforms-more{font-size:var(--text-sm);color:var(--gr-ink-soft);font-weight:500}.section-title{font-size:var(--text-2xl);color:var(--gr-ink-strong);text-align:center;margin-bottom:var(--space-3);font-weight:700}.section-subtitle{font-size:var(--text-base);color:var(--gr-ink-soft);text-align:center;max-width:600px;margin:0 auto var(--space-8)}.integrations-how-it-works{padding:var(--space-12) var(--space-6);background:var(--gr-bg)}.how-it-works-steps{gap:var(--space-8);grid-template-columns:repeat(3,1fr);max-width:900px;margin:0 auto;display:grid}.how-step{text-align:center}.how-step-number{background:var(--gr-accent-ink);color:#fff;width:48px;height:48px;font-size:var(--text-xl);margin:0 auto var(--space-4);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.how-step h3{font-size:var(--text-lg);color:var(--gr-ink-strong);margin-bottom:var(--space-2);font-weight:600}.how-step p{font-size:var(--text-sm);color:var(--gr-ink-soft);line-height:1.5}.integrations-grid-section{padding:var(--space-12) var(--space-6);background:var(--gr-bg-elev)}.integrations-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.integrations-examples{padding:var(--space-12) var(--space-6);background:var(--gr-bg)}.examples-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto;display:grid}.example-query{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--gr-bg-elev);border-radius:var(--radius-lg);border:1px solid var(--gr-line-soft);display:flex}.example-icon{width:20px;height:20px;color:var(--gr-accent-ink);flex-shrink:0;margin-top:2px}.example-query span{font-size:var(--text-sm);color:var(--gr-ink-soft);font-style:italic}.integrations-features{padding:var(--space-12) var(--space-6);background:var(--gr-bg-elev)}.features-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto;display:grid}.feature-card{text-align:center;padding:var(--space-6)}.feature-icon{width:48px;height:48px;color:var(--gr-accent-ink);margin-bottom:var(--space-4)}.feature-card h3{font-size:var(--text-lg);color:var(--gr-ink-strong);margin-bottom:var(--space-2);font-weight:600}.feature-card p{font-size:var(--text-sm);color:var(--gr-ink-soft);line-height:1.5}.integrations-cta{padding:var(--space-16) var(--space-6);background:linear-gradient(135deg, var(--gr-accent-ink) 0%, var(--gr-accent-ink) 100%);text-align:center}.integrations-cta h2{font-size:var(--text-2xl);color:#fff;margin-bottom:var(--space-3);font-weight:700}.integrations-cta p{font-size:var(--text-base);color:#ffffffe6;max-width:500px;margin:0 auto var(--space-6)}.cta-buttons{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.integrations-cta .btn-primary{color:var(--gr-accent-ink);background:#fff}.integrations-cta .btn-primary:hover{background:#ffffffe6}.integrations-cta .btn-outline{color:#fff;border-color:#fff}.integrations-cta .btn-outline:hover{background:#ffffff1a}@media (max-width:1024px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.how-it-works-steps{gap:var(--space-6);grid-template-columns:1fr}.integrations-grid,.examples-grid{grid-template-columns:1fr}.features-grid{gap:var(--space-4);grid-template-columns:1fr}.integrations-hero{padding:var(--space-12) var(--space-4)}.integrations-hero-title{font-size:1.75rem}.platforms-logos{flex-wrap:wrap;justify-content:center}}[data-theme=dark] .integrations-hero{background:linear-gradient(180deg, var(--gr-bg-sunken) 0%, var(--gr-bg) 100%)}[data-theme=dark] .integrations-grid-section,[data-theme=dark] .integrations-features,[data-theme=dark] .example-query{background:var(--gr-bg-sunken)}