:root{--color-base-black:#1A1A1A;--color-base-white:#FFFFFF;--color-neutral-050:#F5F5F5;--color-neutral-100:#E7E7E7;--color-neutral-200:#CFCFCF;--color-neutral-300:#999999;--color-matcha:#75B263;--color-deep-forest:#3E5C48;--color-cappuccino:#C6A585;--color-latte-foam:#F1E5D2;--color-cedar:#9C6B43;--color-clay:#C27A5B;--color-warm-light:#F7C77E;--color-amber-glow:#E89B4F;--radius:8px;--font-inter:"Inter",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--font-lora:"Lora",Georgia,serif;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--gradient-brand:linear-gradient(135deg,var(--color-cedar),var(--color-warm-light));--gradient-brand-soft:linear-gradient(135deg,rgba(156,107,67,0.35),rgba(247,199,126,0.25))}[data-theme=dark]{color-scheme:dark;--bg-default:var(--color-base-black);--bg-elevated:#1E1E1E;--text-primary:#F7F7F7;--text-secondary:#CFCFCF;--text-accent:var(--color-matcha);--border-subtle:#2E2E2E;--brand-primary:var(--color-cedar);--brand-secondary:var(--color-cappuccino);--cta-primary:var(--color-cedar);--cta-hover:#8B5A3A;--waitlist-cta-bg:var(--color-latte-foam);--waitlist-cta-hover:#e8dcc8;--waitlist-cta-active:#e0d2bb;--waitlist-cta-fg:#0a0a0a;--success:var(--color-cedar);--warning:var(--color-warm-light);--shadow-1:0 4px 16px rgba(0,0,0,0.3);--shadow-2:0 8px 28px rgba(0,0,0,0.4);--glass-bg:rgba(255,255,255,0.035);--glass-bg-strong:rgba(255,255,255,0.06);--glass-border:rgba(255,255,255,0.08);--glass-border-hover:rgba(247,199,126,0.35);--glass-highlight:rgba(255,255,255,0.12);--glow-cedar:0 0 80px rgba(156,107,67,0.35);--glow-warm:0 0 60px rgba(247,199,126,0.25)}[data-theme=light]{color-scheme:light;--bg-default:var(--color-base-white);--bg-elevated:var(--color-base-white);--text-primary:var(--color-base-black);--text-secondary:#555555;--text-accent:var(--color-deep-forest);--border-subtle:var(--color-neutral-100);--brand-primary:var(--color-cedar);--brand-secondary:var(--color-cappuccino);--cta-primary:var(--color-cedar);--cta-hover:#8B5A3A;--waitlist-cta-bg:var(--color-latte-foam);--waitlist-cta-hover:#e8dcc8;--waitlist-cta-active:#e0d2bb;--waitlist-cta-fg:#0a0a0a;--success:var(--color-deep-forest);--warning:var(--color-amber-glow);--shadow-1:0 4px 16px rgba(0,0,0,0.07);--shadow-2:0 8px 28px rgba(0,0,0,0.14);--glass-bg:rgba(26,26,26,0.03);--glass-bg-strong:rgba(26,26,26,0.05);--glass-border:rgba(26,26,26,0.08);--glass-border-hover:rgba(156,107,67,0.35);--glass-highlight:rgba(255,255,255,0.7);--glow-cedar:0 0 80px rgba(156,107,67,0.18);--glow-warm:0 0 60px rgba(232,155,79,0.15)}.integrations-page{background-color:#1a1a1a;color:var(--text-primary);min-height:100vh;padding:80px 0 100px}@media(max-width:768px){.integrations-page{padding:60px 0 80px}}.integrations-page .integrations-header{max-width:800px;margin:0 auto 64px;padding:0 24px;text-align:center}@media(max-width:768px){.integrations-page .integrations-header{margin-bottom:48px;padding:0 16px}}.integrations-page .page-title{font-family:var(--font-lora);font-weight:400;color:var(--text-primary)!important;margin-bottom:16px}.integrations-page .page-subtitle{color:var(--text-primary)!important;font-size:18px;line-height:1.6}@media(max-width:768px){.integrations-page .page-subtitle{font-size:16px}}.integrations-page .integrations-grid{max-width:1200px;margin:0 auto;padding:0 50px}@media(max-width:768px){.integrations-page .integrations-grid{padding:0 24px}}.integrations-page .integrations-grid-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}@media(max-width:992px){.integrations-page .integrations-grid-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.integrations-page .integrations-grid-list{grid-template-columns:1fr}}.integrations-page .integration-card{display:block;height:100%;padding:28px;border:1px solid var(--border-subtle);border-radius:16px;background:rgba(0,0,0,0);transition:border-color .2s ease,transform .2s ease}.integrations-page .integration-card:hover{border-color:var(--brand-primary);transform:translateY(-2px)}.integrations-page .integration-card .card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.integrations-page .integration-card .card-badges{display:flex;align-items:center;gap:8px;flex-shrink:0}.integrations-page .integration-card .integration-icon{width:40px;height:40px;object-fit:contain}.integrations-page .integration-card .integration-category{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:999px;padding:4px 12px}.integrations-page .integration-card .integration-name{font-family:var(--font-lora);font-weight:400;font-size:22px;color:var(--text-primary);margin:0 0 8px}.integrations-page .integration-card .integration-tagline{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0}.integrations-page .soon-badge{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:999px;padding:2px 8px;line-height:1.4;flex-shrink:0}.integrations-page .integrations-cta{max-width:800px;margin:80px auto 0;padding:0 24px;text-align:center}.integrations-page .integrations-cta .cta-text{font-family:var(--font-lora);font-size:22px;color:var(--text-primary)!important;margin-bottom:24px}.integration-detail-page{background-color:#1a1a1a;color:var(--text-primary);min-height:100vh}.integration-detail-page .integration-detail-container{max-width:800px;margin:0 auto;padding:60px 24px 80px}@media(max-width:768px){.integration-detail-page .integration-detail-container{padding:40px 16px 60px}}.integration-detail-page.slack-integration-page .integration-detail-container{max-width:1120px}.integration-detail-page .integration-layout{display:grid;grid-template-columns:200px minmax(0,1fr);grid-gap:56px;gap:56px;align-items:start}@media(max-width:900px){.integration-detail-page .integration-layout{grid-template-columns:1fr;gap:32px}}.integration-detail-page .integration-main{min-width:0}.integration-detail-page .integration-toc{position:-webkit-sticky;position:sticky;top:96px}@media(max-width:900px){.integration-detail-page .integration-toc{position:static}}.integration-detail-page .integration-toc__nav{display:flex;flex-direction:column;align-items:flex-start;gap:14px}@media(max-width:900px){.integration-detail-page .integration-toc__nav{flex-direction:row;flex-wrap:wrap;gap:8px 20px}}.integration-detail-page .integration-toc__link{color:var(--text-secondary);font-size:15px;font-weight:400;line-height:1.3;text-decoration:none;transition:color .2s ease}.integration-detail-page .integration-toc__link:hover{color:var(--text-primary)}.integration-detail-page .integration-toc__link--active{color:var(--text-primary);font-weight:500}.integration-detail-page .privacy-callout,.integration-detail-page .section-title{scroll-margin-top:100px}.integration-detail-page .back-link{display:inline-block;color:var(--text-secondary);font-size:14px;margin-bottom:40px;transition:color .2s ease}.integration-detail-page .back-link:hover{color:var(--brand-secondary)}.integration-detail-page .soon-badge{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:999px;padding:2px 8px;line-height:1.4;flex-shrink:0}.integration-detail-page .detail-header{text-align:center;margin-bottom:56px}.integration-detail-page .detail-header .detail-icon{width:64px;height:64px;object-fit:contain;margin-bottom:24px}.integration-detail-page .detail-header .detail-title-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.integration-detail-page.slack-integration-page .detail-header{text-align:left}.integration-detail-page.slack-integration-page .detail-header .detail-title-row{justify-content:flex-start;align-items:center;gap:14px;margin-bottom:16px}.integration-detail-page.slack-integration-page .detail-header .detail-icon{width:48px;height:48px;margin-bottom:0;flex-shrink:0}.integration-detail-page.slack-integration-page .detail-header .page-title{margin-top:0;margin-bottom:0!important;font-size:clamp(36px,5vw,48px);line-height:1.15;letter-spacing:-.02em}.integration-detail-page.slack-integration-page .detail-header .page-subtitle--answer{margin-left:0;margin-right:0}.integration-detail-page.slack-integration-page .integration-toc{padding-top:56px;top:120px}@media(max-width:900px){.integration-detail-page.slack-integration-page .integration-toc{padding-top:0}}.integration-detail-page .page-title{font-family:var(--font-lora);font-weight:400;color:var(--text-primary)!important;margin-top:0;margin-bottom:0!important;font-size:clamp(36px,5vw,48px);line-height:1.15;letter-spacing:-.02em}.integration-detail-page .page-subtitle{color:var(--text-primary)!important;font-size:18px}@media(max-width:768px){.integration-detail-page .page-subtitle{font-size:16px}}.integration-detail-page .page-subtitle--answer{max-width:42em;margin-left:auto;margin-right:auto;line-height:1.7}.integration-detail-page .page-content{line-height:1.8;font-size:16px}.integration-detail-page .page-content .section-title{color:var(--brand-secondary)!important;font-family:var(--font-lora);font-weight:400;margin-top:48px;margin-bottom:24px}.integration-detail-page .page-content .page-paragraph{color:var(--text-secondary)!important;margin-bottom:24px;line-height:1.8}.integration-detail-page .page-content .page-list{color:var(--text-secondary);margin:0 0 24px;padding-left:24px}.integration-detail-page .page-content .page-list li{margin-bottom:12px;line-height:1.7}.integration-detail-page .page-content a{color:var(--brand-secondary)}.integration-detail-page .page-content .page-cta{margin:56px 0;text-align:center}.integration-detail-page .page-content .related-integrations{border-top:1px solid var(--border-subtle);padding-top:40px}.integration-detail-page .page-content .related-integrations .related-title{font-family:var(--font-lora);font-weight:400;color:var(--text-primary)!important;font-size:20px;margin-bottom:16px}.integration-detail-page .page-content .related-integrations .related-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 32px}.integration-detail-page .page-content .related-integrations .related-list li a{color:var(--text-secondary);transition:color .2s ease}.integration-detail-page .page-content .related-integrations .related-list li a:hover{color:var(--brand-secondary)}.integration-detail-page .page-content .related-integrations .related-all{margin:20px 0 0;font-size:14px}.integration-detail-page .page-content .related-integrations .related-all a{color:var(--brand-secondary)}.integration-detail-page .page-content .slack-section{margin-bottom:28px}.integration-detail-page .page-content .page-paragraph--answer{color:var(--text-primary)!important;font-size:17px}.integration-detail-page .page-content .page-steps{color:var(--text-secondary);margin:0 0 28px;padding-left:24px}.integration-detail-page .page-content .page-steps li{margin-bottom:10px;line-height:1.7}.integration-detail-page .page-content .privacy-callout{margin:48px 0 8px;padding:22px 24px;border:1px solid rgba(196,181,137,.45);border-radius:14px;background:rgba(196,181,137,.08)}.integration-detail-page .page-content .privacy-callout__title{margin:0 0 10px;font-family:var(--font-lora);font-size:20px;color:var(--text-primary)}.integration-detail-page .page-content .privacy-callout__body{margin:0;color:var(--text-secondary);line-height:1.7}.integration-detail-page .page-content .privacy-callout__body a{color:var(--brand-secondary)}.integration-detail-page .page-content .slack-faq{display:flex;flex-direction:column;gap:28px;margin-top:8px}.integration-detail-page .page-content .slack-faq__question{margin:0 0 10px;font-family:var(--font-lora);font-weight:400;font-size:20px;color:var(--text-primary)}.integration-detail-page .page-content .slack-faq__item .page-paragraph{margin-bottom:0}.integration-detail-page .page-content .demo-transcript{margin:24px 0 8px;padding:20px 22px;border-left:2px solid var(--brand-secondary);background:rgba(255,255,255,.03)}.integration-detail-page .page-content .demo-transcript__eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-secondary)}.integration-detail-page .page-content .demo-transcript__happened,.integration-detail-page .page-content .demo-transcript__query,.integration-detail-page .page-content .demo-transcript__response{margin:0 0 10px;color:var(--text-secondary);line-height:1.7}.integration-detail-page .page-content .demo-transcript__happened{margin-bottom:0;color:var(--text-primary)}.integration-detail-page .page-content .demo-transcript__label{color:var(--text-primary);font-weight:600}.integration-detail-page .page-content .page-cta__lede{text-align:center;max-width:36em;margin-left:auto;margin-right:auto}.integration-detail-page .page-content code{font-size:.92em;color:var(--text-primary)}.slack-demo-loop{margin:28px 0 8px;width:100%}.slack-demo-loop .demo-showcase-dev__frame{position:relative;overflow:hidden;border-radius:16px}.integration-demo-placeholder{margin:28px 0 8px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 24px;border-radius:16px;border:1px dashed rgba(198,165,133,.45);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),rgba(0,0,0,.25);text-align:center}.integration-demo-placeholder__label{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-secondary)}.integration-demo-placeholder__title{margin:0;font-family:var(--font-lora);font-size:22px;font-weight:400;color:var(--text-primary)}.integration-demo-placeholder__hint{margin:0;font-size:14px;color:var(--text-secondary)}