.integration-page.svelte-sbayxh{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-4)}.page-header.svelte-sbayxh{text-align:center;margin-bottom:var(--space-8)}.back-link.svelte-sbayxh{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-500);text-decoration:none;display:inline-block;margin-bottom:var(--space-4);transition:color var(--duration-fast) var(--ease-enter)}.back-link.svelte-sbayxh:hover{color:var(--ink-1000)}h1.svelte-sbayxh{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-sbayxh{font-size:var(--font-size-lg);color:var(--support-600);max-width:540px;margin:0 auto}.section.svelte-sbayxh{border-top:var(--border-heavy);padding-top:var(--space-8);margin-bottom:var(--space-8)}.section-label.svelte-sbayxh{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-sbayxh{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-sbayxh{max-width:640px}.problem-copy.svelte-sbayxh p:where(.svelte-sbayxh){font-size:var(--font-size-base);color:var(--ink-900);line-height:1.7;margin-bottom:var(--space-3)}.problem-copy.svelte-sbayxh code:where(.svelte-sbayxh){font-family:var(--font-mono);font-size:.9em;background:var(--paper-100);padding:.1em .3em;border:var(--border-subtle)}.grid-2x2.svelte-sbayxh{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-3.svelte-sbayxh{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.card.svelte-sbayxh{border:var(--border-heavy);padding:var(--space-4)}.card-num.svelte-sbayxh{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-sbayxh{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-sbayxh{font-size:var(--font-size-sm);color:var(--support-600);line-height:1.6}.tip-box.svelte-sbayxh{margin-top:var(--space-6);border:var(--border-heavy);padding:var(--space-4);background:var(--paper-100)}.tip-label.svelte-sbayxh{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)}.tip-box.svelte-sbayxh p:where(.svelte-sbayxh){font-size:var(--font-size-sm);color:var(--ink-900);line-height:1.6;margin-bottom:var(--space-2)}.tip-box.svelte-sbayxh p:where(.svelte-sbayxh):last-child{margin-bottom:0}.comparison.svelte-sbayxh{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.comparison-panel.svelte-sbayxh{border:var(--border-heavy);padding:var(--space-4)}.comparison-label.svelte-sbayxh{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:var(--space-3)}.comparison-before.svelte-sbayxh .comparison-label:where(.svelte-sbayxh){color:var(--support-600)}.comparison-after.svelte-sbayxh .comparison-label:where(.svelte-sbayxh){color:var(--accent-500)}.code-block.svelte-sbayxh{background:var(--ink-1000);color:var(--paper-50);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-4);overflow-x:auto;line-height:1.6;margin-bottom:var(--space-3)}.comparison-note.svelte-sbayxh{font-size:var(--font-size-sm);color:var(--support-600);line-height:1.5}.cta-section.svelte-sbayxh{background:var(--accent-500);padding:var(--space-8);text-align:center;margin-top:var(--space-8)}.cta-heading.svelte-sbayxh{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-sbayxh{font-size:var(--font-size-sm);color:var(--ink-900);margin-bottom:var(--space-6)}.cta-actions.svelte-sbayxh{display:flex;gap:var(--space-4);justify-content:center}.cta-btn.svelte-sbayxh{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-sbayxh:focus-visible{outline:2px solid var(--ink-1000);outline-offset:2px}.cta-primary.svelte-sbayxh{background:var(--ink-1000);color:var(--paper-50)}.cta-primary.svelte-sbayxh:hover{background:var(--ink-900)}.cta-secondary.svelte-sbayxh{background:transparent;color:var(--ink-1000)}.cta-secondary.svelte-sbayxh:hover{background:var(--accent-200)}@media(max-width:768px){.grid-2x2.svelte-sbayxh,.grid-3.svelte-sbayxh,.comparison.svelte-sbayxh{grid-template-columns:1fr}.cta-actions.svelte-sbayxh{flex-direction:column;align-items:center}}@media(max-width:480px){h1.svelte-sbayxh{font-size:2.5rem}.cta-section.svelte-sbayxh{padding:var(--space-6) var(--space-4)}}