.integrations-page{width:100%;overflow-x:hidden}.section-hero-integrations{background:var(--color-dark-900);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.01) 0px,rgba(255,255,255,.01) 1px,transparent 1px,transparent 2px),radial-gradient(ellipse 80% 60% at 50% 50%,rgba(42,79,255,.15) 0%,transparent 65%);display:flex;align-items:center;justify-content:center;padding:120px var(--space-24) 80px}.section-hero-integrations .container{max-width:900px;margin:0 auto}.section-hero-integrations .eyebrow{font:var(--font-label);color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-20);display:block;text-align:center}.hero-headline{font:var(--font-display-xl);color:#fff;margin:0 0 var(--space-24) 0;max-width:820px;margin-left:auto;margin-right:auto;text-align:center;line-height:1.1;letter-spacing:-.02em}.hero-subtext{font:var(--font-body-lg);color:rgba(255,255,255,.65);margin:0 0 var(--space-48) 0;max-width:560px;margin-left:auto;margin-right:auto;text-align:center;line-height:1.7}.constellation-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-48);max-width:700px;margin-left:auto;margin-right:auto}.constellation-svg{width:100%;height:auto;max-width:500px}.orbit-circle{fill:none;stroke:rgba(42,79,255,.3);stroke-width:1;stroke-dasharray:8,4}.connection-line{stroke:rgba(42,79,255,.2);stroke-width:1}@media (prefers-reduced-motion: no-preference){.connection-line{animation:flowInward 2s ease-in-out infinite}}@keyframes flowInward{0%{stroke-dasharray:30,200;stroke-dashoffset:0}50%{stroke-dasharray:30,200;stroke-dashoffset:-230}to{stroke-dasharray:30,200;stroke-dashoffset:-460}}.center-hub{fill:var(--color-brand-blue);filter:drop-shadow(0 8px 24px rgba(42,79,255,.3))}.center-text{font-size:24px;font-weight:700;fill:#fff}.node{fill:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.node-label{font:var(--font-label);fill:rgba(255,255,255,.6)}.key-facts{display:flex;justify-content:center;gap:var(--space-40);flex-wrap:wrap;margin-top:var(--space-48)}.fact{text-align:center}.fact-number{font:800 var(--font-display-sm);color:#fff;margin-bottom:var(--space-4)}.fact-label{font:var(--font-body-sm);color:rgba(255,255,255,.65);margin-bottom:var(--space-8);line-height:1.5}.fact-tag{display:inline-block;background:rgba(42,79,255,.2);border:1px solid rgba(42,79,255,.3);color:var(--color-brand-blue);padding:4px 12px;border-radius:var(--radius-full);font:600 var(--font-label)}.section-categories{background:var(--color-surface-card);padding:80px 0;position:relative}.section-categories:before{content:"";position:absolute;top:0;left:50%;width:2px;height:80px;background:var(--color-brand-blue);transform:translate(-50%)}.section-header{text-align:center;margin-bottom:48px}.eyebrow{font:var(--font-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:var(--space-16)}.section-heading{font:var(--font-display-lg);color:var(--color-text-primary);margin:0;line-height:1.2}.section-heading.with-bar{position:relative;padding-top:var(--space-20)}.section-heading.with-bar:before{content:"";position:absolute;top:0;left:50%;width:60px;height:4px;background:var(--color-brand-blue);border-radius:2px;transform:translate(-50%)}.categories-grid{display:flex;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto}.category-strip{position:relative;padding:var(--space-36);background:var(--color-surface-card);border:1px solid var(--color-border);border-left:4px solid;border-radius:var(--radius-xl)}.category-strip.lead-sources{border-left-color:var(--color-brand-blue)}.category-strip.crm-connectors{border-left-color:#8b5cf6}.category-strip.automation{border-left-color:#f59e0b}.category-title{font:700 var(--font-display-sm);color:var(--color-text-primary);margin:0 0 var(--space-8) 0}.category-subtitle{font:var(--font-body-md);color:var(--color-text-secondary);margin:0 0 var(--space-16) 0;line-height:1.7}.platform-chips{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-16)}.chip{display:inline-block;padding:6px 14px;background:var(--color-brand-blue-light);color:var(--color-brand-blue);border-radius:var(--radius-full);font:500 var(--font-body-sm)}.category-tag{position:absolute;top:var(--space-20);right:var(--space-20);padding:4px 12px;border-radius:var(--radius-full);font:600 var(--font-label);white-space:nowrap}.category-tag.real-time{background:rgba(16,185,129,.1);color:#10b981;border:1px solid #10B981}.category-tag.two-way{background:rgba(139,92,246,.1);color:#8b5cf6;border:1px solid #8B5CF6}.category-tag.many-apps{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid #F59E0B}.section-cards{background:var(--color-surface);padding:80px 0}.section-subtext{font:var(--font-body-lg);color:var(--color-text-secondary);margin:var(--space-16) auto 0;max-width:600px;text-align:center;line-height:1.7}.integrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.integration-card{padding:var(--space-32);background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;transition:all var(--transition-default)}.integration-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:rgba(42,79,255,.25)}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-20)}.platform-logo{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font:700 var(--font-body-sm);flex-shrink:0}.category-badge{font:var(--font-label);color:var(--color-text-muted);padding:3px 10px;border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-block;white-space:nowrap}.integration-name{font:var(--font-display-sm);color:var(--color-text-primary);margin:0 0 var(--space-8) 0;line-height:1.2}.integration-description{font:var(--font-body-sm);color:var(--color-text-secondary);margin:0 0 var(--space-16) 0;line-height:1.6;flex-grow:1}.data-flow{font:var(--font-body-sm);color:var(--color-brand-blue);font-weight:600;margin:0 0 var(--space-8) 0;font-style:italic}.card-cta{font:600 var(--font-body-sm);color:var(--color-brand-blue)}.section-flow{background:var(--color-dark-900);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.01) 0px,rgba(255,255,255,.01) 1px,transparent 1px,transparent 2px),radial-gradient(ellipse 80% 60% at 50% 50%,rgba(42,79,255,.15) 0%,transparent 65%);padding:80px var(--space-24)}.flow-steps{display:flex;gap:24px;max-width:1200px;margin:0 auto 48px;align-items:stretch;flex-wrap:wrap}.flow-step{flex:1;min-width:200px;padding:var(--space-28);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-align:center;position:relative;display:flex;flex-direction:column;gap:var(--space-16)}.step-icon{font-size:32px;line-height:1}.step-title{font:700 var(--font-body-md);color:#fff;margin:0;text-transform:uppercase;letter-spacing:.05em;font-size:13px}.step-description{font:var(--font-body-sm);color:rgba(255,255,255,.6);margin:0;line-height:1.6;flex-grow:1;display:flex;align-items:center}.step-arrow{position:absolute;right:-38px;top:50%;transform:translateY(-50%);font:var(--font-display-sm);color:#fff;display:flex;align-items:center;justify-content:center}.flow-note{font:var(--font-body-lg);color:rgba(255,255,255,.6);text-align:center;font-style:italic;line-height:1.7;max-width:600px;margin:0 auto}.section-cta-integrations{background:var(--color-navy-hero);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.01) 0px,rgba(255,255,255,.01) 1px,transparent 1px,transparent 2px),radial-gradient(ellipse 70% 50% at 50% 0%,rgba(42,79,255,.3) 0%,transparent 60%);padding:80px var(--space-24);text-align:center}.section-cta-integrations .container{max-width:700px;margin:0 auto}.cta-headline{font:var(--font-display-lg);color:#fff;margin:0 0 var(--space-16) 0;line-height:1.1}.cta-subtext{font:var(--font-body-lg);color:rgba(255,255,255,.65);margin:0 0 var(--space-40) 0;line-height:1.7}.cta-buttons{display:flex;gap:var(--space-16);justify-content:center;flex-wrap:wrap}.btn{padding:var(--space-12) var(--space-24);font:600 var(--font-body-md);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-default);display:inline-block;cursor:pointer;border:none}.btn-primary{background:var(--color-brand-blue);color:#fff}.btn-primary:hover{background:var(--color-brand-blue-dark);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(42,79,255,.4)}.btn-ghost:hover{background:rgba(42,79,255,.1);border-color:var(--color-brand-blue)}@media (max-width: 1024px){.integrations-grid{grid-template-columns:repeat(2,1fr)}.flow-steps{flex-direction:column}.step-arrow{display:none}}@media (max-width: 768px){.section-hero-integrations,.section-cta-integrations{padding:100px var(--space-20) 64px}.section-categories,.section-cards,.section-flow{padding:64px var(--space-20)}}@media (max-width: 640px){.section-hero-integrations,.section-cta-integrations{padding:60px var(--space-16)}.hero-headline{font:700 32px / 1.2 var(--font-family)}.section-hero-integrations .eyebrow{margin-bottom:var(--space-16)}.constellation-wrapper{margin-bottom:var(--space-32)}.key-facts{gap:var(--space-24);flex-direction:column}.section-categories,.section-cards,.section-flow{padding:60px var(--space-16)}.section-heading{font:var(--font-display-md)}.categories-grid{gap:16px}.category-strip{padding:var(--space-24)}.category-tag{position:static;display:inline-block;margin-top:var(--space-12)}.integrations-grid{grid-template-columns:1fr}.integration-card{padding:var(--space-24)}.flow-steps{gap:16px}.flow-step{padding:var(--space-20);min-width:100%}.cta-buttons{flex-direction:column}.btn{width:100%}}@media (prefers-reduced-motion: no-preference){.section-hero-integrations,.section-categories,.section-cards,.section-flow,.section-cta-integrations{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.integration-card{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}