.integrations-hero{padding:calc(72px + var(--space-16)) 0 var(--space-12);background:linear-gradient(180deg,var(--color-accent-bg) 0%,var(--color-bg) 100%);text-align:center}.integrations-hero__inner{max-width:700px;margin:0 auto}.integrations-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg);border:1px solid #BFDBFE;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.integrations-hero__title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;margin-bottom:var(--space-5)}.integrations-hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.integrations-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.integration-category{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.integration-category:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.integration-category__header{display:flex;gap:var(--space-4);margin-bottom:var(--space-5)}.integration-category__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-category__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.integration-category__desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.integration-category__items{display:flex;flex-direction:column;gap:var(--space-2)}.integration-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm)}.integration-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.integration-item__status{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--radius-full)}.integration-item__status--available{background:var(--color-success-bg);color:var(--color-success)}.integration-item__status--coming{background:var(--color-warning-bg);color:var(--color-warning)}.api-block{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center}.api-block__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.api-block__desc{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.api-block__features{display:flex;flex-direction:column;gap:var(--space-3)}.api-block__features li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.api-block__features li svg{color:var(--color-primary);flex-shrink:0}.api-code-block{background:var(--color-bg-dark);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.api-code-block__header{padding:var(--space-3) var(--space-4);background:var(--color-bg-dark-alt);border-bottom:1px solid rgba(255,255,255,.06)}.api-code-block__header span{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.api-code-block__body{padding:var(--space-4);font-size:var(--font-size-xs);line-height:1.8;color:var(--color-primary-lighter);font-family:SF Mono,Fira Code,monospace;overflow-x:auto}.integration-spotlight{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-12);box-shadow:var(--shadow-sm)}.integration-spotlight__header{margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-5)}.integration-spotlight__badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);background:var(--color-primary-bg);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.integration-spotlight__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.integration-spotlight__desc{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.integration-spotlight__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-6)}.integration-feature-card{padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.integration-feature-card h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.integration-feature-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.integration-sub-nav{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8);justify-content:center}.integration-sub-nav__item{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-base);text-decoration:none}.integration-sub-nav__item:hover{border-color:var(--color-primary);color:var(--color-primary)}.integration-sub-nav__item--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.integration-sub-nav__item--active:hover{color:#fff}@media(max-width:768px){.integrations-categories,.api-block,.integration-spotlight__grid{grid-template-columns:1fr}}