.integration-page.svelte-1uyttwt{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-4)}.page-header.svelte-1uyttwt{text-align:center;margin-bottom:var(--space-8)}.page-label.svelte-1uyttwt{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-500);display:block;margin-bottom:var(--space-2)}h1.svelte-1uyttwt{font-family:var(--font-serif);font-size:3.5rem;font-weight:700;color:var(--ink-1000);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);line-height:1.1}.hero-sub.svelte-1uyttwt{font-size:var(--font-size-lg);color:var(--support-600);max-width:540px;margin:0 auto}.section.svelte-1uyttwt{border-top:var(--border-heavy);padding-top:var(--space-8);margin-bottom:var(--space-8)}.section-label.svelte-1uyttwt{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-500);display:block;margin-bottom:var(--space-2)}.section-heading.svelte-1uyttwt{font-family:var(--font-serif);font-size:var(--font-size-2xl);font-weight:700;color:var(--ink-1000);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-6)}.problem-copy.svelte-1uyttwt{max-width:640px}.problem-copy.svelte-1uyttwt p:where(.svelte-1uyttwt){font-size:var(--font-size-base);color:var(--ink-900);line-height:1.7;margin-bottom:var(--space-3)}.problem-copy.svelte-1uyttwt code:where(.svelte-1uyttwt){font-family:var(--font-mono);font-size:.9em;background:var(--paper-100);padding:.1em .3em;border:var(--border-subtle)}.grid-2x2.svelte-1uyttwt{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-3.svelte-1uyttwt{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.card.svelte-1uyttwt{border:var(--border-heavy);padding:var(--space-4)}.card-num.svelte-1uyttwt{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--accent-500);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:var(--space-2)}.card-heading.svelte-1uyttwt{font-family:var(--font-serif);font-size:var(--font-size-lg);font-weight:700;color:var(--ink-1000);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-2)}.card-body.svelte-1uyttwt{font-size:var(--font-size-sm);color:var(--support-600);line-height:1.6}.code-compare.svelte-1uyttwt{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.code-block.svelte-1uyttwt{border:var(--border-heavy);overflow:hidden}.code-label.svelte-1uyttwt{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;display:block;padding:var(--space-2) var(--space-3);border-bottom:var(--border-heavy);background:var(--paper-100);color:var(--ink-900)}.code-block.svelte-1uyttwt pre:where(.svelte-1uyttwt){margin:0;padding:var(--space-3);background:var(--ink-1000);overflow-x:auto}.code-block.svelte-1uyttwt code:where(.svelte-1uyttwt){font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--paper-50);line-height:1.6}.cta-section.svelte-1uyttwt{background:var(--accent-500);padding:var(--space-8);text-align:center;margin-top:var(--space-8)}.cta-heading.svelte-1uyttwt{font-family:var(--font-serif);font-size:var(--font-size-2xl);font-weight:700;color:var(--ink-1000);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.cta-body.svelte-1uyttwt{font-size:var(--font-size-sm);color:var(--ink-900);margin-bottom:var(--space-6)}.cta-actions.svelte-1uyttwt{display:flex;gap:var(--space-4);justify-content:center}.cta-btn.svelte-1uyttwt{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:var(--space-3) var(--space-6);text-decoration:none;border:2px solid var(--ink-1000);transition:background var(--duration-fast) var(--ease-enter)}.cta-btn.svelte-1uyttwt:focus-visible{outline:2px solid var(--ink-1000);outline-offset:2px}.cta-primary.svelte-1uyttwt{background:var(--ink-1000);color:var(--paper-50)}.cta-primary.svelte-1uyttwt:hover{background:var(--ink-900)}.cta-secondary.svelte-1uyttwt{background:transparent;color:var(--ink-1000)}.cta-secondary.svelte-1uyttwt:hover{background:var(--accent-200)}@media(max-width:768px){.grid-2x2.svelte-1uyttwt,.grid-3.svelte-1uyttwt,.code-compare.svelte-1uyttwt{grid-template-columns:1fr}.cta-actions.svelte-1uyttwt{flex-direction:column;align-items:center}}@media(max-width:480px){h1.svelte-1uyttwt{font-size:2.5rem}.cta-section.svelte-1uyttwt{padding:var(--space-6) var(--space-4)}}