.hero-section.svelte-otcynz{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:6rem 0 4rem}.hero-container.svelte-otcynz{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content.svelte-otcynz h1:where(.svelte-otcynz){font-size:3.5rem;font-weight:700;color:#161616;margin-bottom:1.5rem;line-height:1.1}.hero-subtitle.svelte-otcynz{font-size:1.25rem;color:#525252;margin-bottom:2rem;line-height:1.6}.hero-image.svelte-otcynz{display:flex;align-items:center;justify-content:center}.hero-image.svelte-otcynz img:where(.svelte-otcynz){max-width:100%;height:auto;border-radius:8px;box-shadow:0 8px 25px #0000001a}.integrations-section.svelte-otcynz,.benefits-section.svelte-otcynz,.how-it-works-section.svelte-otcynz,.coming-soon-section.svelte-otcynz{padding:5rem 0}.section-header.svelte-otcynz{text-align:center;margin-bottom:4rem}.section-header.svelte-otcynz h2:where(.svelte-otcynz){font-size:2.5rem;font-weight:600;color:#161616;margin-bottom:1rem}.section-subtitle.svelte-otcynz{font-size:1.125rem;color:#525252;max-width:600px;margin:0 auto;line-height:1.6}.integration-header.svelte-otcynz{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.integration-icon.svelte-otcynz{color:#0f62fe;flex-shrink:0}.integration-meta.svelte-otcynz h3:where(.svelte-otcynz){font-size:1.5rem;font-weight:600;color:#161616;margin-bottom:.5rem}.integration-status.svelte-otcynz{display:flex;gap:.5rem}.status-badge.svelte-otcynz{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.status-badge.available.svelte-otcynz{background:#d4edda;color:#155724}.integration-description.svelte-otcynz{color:#525252;margin-bottom:2rem;line-height:1.6;font-size:1.125rem}.integration-features.svelte-otcynz h4:where(.svelte-otcynz){font-size:1.125rem;font-weight:600;color:#161616;margin-bottom:1rem}.integration-features.svelte-otcynz ul:where(.svelte-otcynz){list-style:none;padding:0;margin:0 0 2rem}.integration-features.svelte-otcynz li:where(.svelte-otcynz){display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#525252;font-size:.875rem}.integration-features.svelte-otcynz li:where(.svelte-otcynz) svg{color:#24a148;flex-shrink:0}.benefit-icon.svelte-otcynz{margin-bottom:1.5rem;color:#0f62fe}.step-card.svelte-otcynz{text-align:center;padding:2rem;border:1px solid #e0e0e0;border-radius:8px;position:relative;transition:all .3s ease}.step-card.svelte-otcynz:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.step-number.svelte-otcynz{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#0f62fe;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.step-icon.svelte-otcynz{color:#0f62fe;margin:1rem 0}.step-card.svelte-otcynz h3:where(.svelte-otcynz){font-size:1.25rem;font-weight:600;color:#161616;margin-bottom:1rem}.step-card.svelte-otcynz p:where(.svelte-otcynz){color:#525252;line-height:1.6}.coming-soon-card.svelte-otcynz{text-align:center;padding:2rem;border:1px solid #e0e0e0;border-radius:8px;transition:all .3s ease;height:100%;margin-bottom:2rem;opacity:.7}.coming-soon-card.svelte-otcynz:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;opacity:1}.coming-soon-icon.svelte-otcynz{color:#6c757d;margin-bottom:1rem}.coming-soon-card.svelte-otcynz h3:where(.svelte-otcynz){font-size:1.125rem;font-weight:600;color:#161616;margin-bottom:.75rem}.coming-soon-card.svelte-otcynz p:where(.svelte-otcynz){color:#525252;line-height:1.6;font-size:.875rem}.cta-section.svelte-otcynz{background:#f8f9fa;padding:5rem 0;text-align:center}.cta-content.svelte-otcynz h2:where(.svelte-otcynz){font-size:2.5rem;font-weight:600;color:#161616;margin-bottom:1rem}.cta-content.svelte-otcynz p:where(.svelte-otcynz){font-size:1.125rem;color:#525252;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons.svelte-otcynz{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.hero-container.svelte-otcynz{grid-template-columns:1fr;gap:2rem}.hero-content.svelte-otcynz h1:where(.svelte-otcynz){font-size:2.5rem}.section-header.svelte-otcynz h2:where(.svelte-otcynz){font-size:2rem}.cta-content.svelte-otcynz h2:where(.svelte-otcynz){font-size:2rem}.cta-buttons.svelte-otcynz{flex-direction:column;align-items:center}.integration-header.svelte-otcynz{flex-direction:column;text-align:center}.integration-status.svelte-otcynz{justify-content:center}}