.system-integration-page.svelte-18vbhff section:where(.svelte-18vbhff){width:100%;position:relative}.overview-section.svelte-18vbhff{min-height:100vh}.enterprise-section.svelte-18vbhff,.modernization-section.svelte-18vbhff{padding:var(--space-6) 0;min-height:auto}.system-integration-page.svelte-18vbhff .overview-fullscreen:where(.svelte-18vbhff){width:100vw;height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--theme-si) 0%,var(--theme-si-light) 100%)}.system-integration-page.svelte-18vbhff .overview-fullscreen:where(.svelte-18vbhff):before{content:"";position:absolute;inset:0;background-image:url(../../../images/si-sm/si/background.png);background-color:#1a365d;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.system-integration-page.svelte-18vbhff .overview-fullscreen:where(.svelte-18vbhff):after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0009,#0006,#0000004d);z-index:1}.system-integration-page.svelte-18vbhff .hero-content:where(.svelte-18vbhff){position:relative;z-index:10;color:#fff}.top-title.svelte-18vbhff{color:#4a90e2}.section-intro.svelte-18vbhff{margin:var(--space-6) 0 var(--space-4);padding:var(--space-3) 0;border-bottom:2px solid rgba(74,144,226,.1)}.section-heading.svelte-18vbhff{font-size:var(--font-size-xl);font-weight:var(--fw-bold);color:#000;line-height:var(--line-height-normal);margin:0;letter-spacing:-.01em;text-align:left;max-width:800px}.integration-grid.svelte-18vbhff{display:grid!important;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-6)}.integration-card.svelte-18vbhff{background:var(--surface-0);border-radius:var(--radius-lg);padding:0;box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:var(--transition-normal);height:400px;display:flex;flex-direction:column;overflow:hidden}.integration-card.svelte-18vbhff:hover{background:#4a90e205;border-color:#4a90e2;box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.integration-card.svelte-18vbhff:hover .integration-image:where(.svelte-18vbhff){background:#4a90e20d}.integration-image.svelte-18vbhff{width:100%;height:240px;background:var(--surface-1);display:flex;align-items:center;justify-content:center;overflow:hidden}.integration-image.svelte-18vbhff img:where(.svelte-18vbhff){width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.integration-content.svelte-18vbhff{flex:1;text-align:left;padding:var(--space-5)}.integration-title.svelte-18vbhff{font-size:var(--font-size-lg);font-weight:var(--fw-bold);color:#4a90e2;margin:0 0 var(--space-2)}.integration-desc.svelte-18vbhff{font-size:var(--font-size-sm);color:var(--text-muted);line-height:var(--line-height-relaxed);margin:0}.integration-carousel-container.svelte-18vbhff{display:none}.integration-carousel-wrapper.svelte-18vbhff{overflow:hidden;width:100%;min-height:320px}.integration-carousel.svelte-18vbhff{display:flex;transition:transform .3s ease;width:100%}.integration-slide.svelte-18vbhff{flex-shrink:0;width:100%;padding:0 var(--space-2);box-sizing:border-box}.integration-indicators.svelte-18vbhff{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.integration-indicators.svelte-18vbhff .indicator:where(.svelte-18vbhff){width:12px;height:12px;border-radius:50%;border:none;background:#0000004d;cursor:pointer;transition:var(--transition-fast)}.integration-indicators.svelte-18vbhff .indicator.active:where(.svelte-18vbhff){background:#4a90e2;transform:scale(1.2)}@media (max-width: 1200px){.integration-grid.svelte-18vbhff{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.integration-grid.svelte-18vbhff{grid-template-columns:repeat(2,1fr)}.section-intro.svelte-18vbhff{margin:var(--space-4) 0 var(--space-3);padding:var(--space-3) 0}.section-heading.svelte-18vbhff{font-size:var(--font-size-lg)}}@media (min-width: 769px){.system-integration-page.svelte-18vbhff .integration-grid:where(.svelte-18vbhff){display:grid!important}.system-integration-page.svelte-18vbhff .integration-carousel-container:where(.svelte-18vbhff){display:none!important}}@media (max-width: 768px){.system-integration-page.svelte-18vbhff .overview-fullscreen:where(.svelte-18vbhff):before{background-attachment:scroll}.enterprise-section.svelte-18vbhff,.modernization-section.svelte-18vbhff{padding:var(--space-4) 0}.section-intro.svelte-18vbhff{margin:var(--space-3) 0 var(--space-2);padding:var(--space-2) 0}.section-heading.svelte-18vbhff{font-size:var(--font-size-lg);line-height:1.4}.system-integration-page.svelte-18vbhff .integration-grid:where(.svelte-18vbhff){display:none!important}.system-integration-page.svelte-18vbhff .integration-carousel-container:where(.svelte-18vbhff){display:block!important}.integration-card.svelte-18vbhff{height:350px}.integration-image.svelte-18vbhff{height:200px}}@media (max-width: 480px){.enterprise-section.svelte-18vbhff,.modernization-section.svelte-18vbhff{padding:var(--space-3) 0}.section-intro.svelte-18vbhff{margin:var(--space-2) 0 var(--space-2);padding:var(--space-2) 0}.section-heading.svelte-18vbhff{font-size:var(--font-size-base);line-height:1.5}.integration-card.svelte-18vbhff{height:300px}.integration-image.svelte-18vbhff{height:160px}.integration-title.svelte-18vbhff{font-size:var(--font-size-xl)}.integration-desc.svelte-18vbhff{font-size:var(--font-size-lg)}}[data-aos].svelte-18vbhff{opacity:1!important;transform:none!important}