.page-container.svelte-6okqif{max-width:var(--container-xl);padding:var(--space-12) var(--space-6);margin:0 auto}.header-section.svelte-6okqif{text-align:center;margin-bottom:var(--space-16)}h1.svelte-6okqif{font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4);color:var(--text-primary)}.subtitle.svelte-6okqif{font-size:var(--text-xl);color:var(--text-secondary);max-width:600px;margin:0 auto}.steps-section.svelte-6okqif{align-items:center;gap:var(--space-2);margin-bottom:var(--space-16);flex-direction:column;display:flex}.step.svelte-6okqif{align-items:center;gap:var(--space-6);background:color-mix(in srgb, var(--surface-3) 94%, var(--text-primary));border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:700px;display:flex;position:relative}.step-number.svelte-6okqif{background:var(--primary);color:#fff;border-radius:var(--radius-full);width:32px;height:32px;font-weight:var(--weight-bold);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex;position:absolute;top:-12px;left:-12px}.step-icon.svelte-6okqif{background:var(--surface-3);border-radius:var(--radius-lg);width:64px;height:64px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content.svelte-6okqif h3:where(.svelte-6okqif){font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.step-content.svelte-6okqif p:where(.svelte-6okqif){color:var(--text-secondary);line-height:1.6}.step-connector.svelte-6okqif{background:linear-gradient(to bottom, var(--primary), var(--border-subtle));width:2px;height:32px}.benefits-section.svelte-6okqif{margin-bottom:var(--space-16)}.benefits-section.svelte-6okqif h2:where(.svelte-6okqif),.tech-section.svelte-6okqif h2:where(.svelte-6okqif){font-size:var(--text-2xl);font-weight:var(--weight-bold);text-align:center;margin-bottom:var(--space-8);color:var(--text-primary)}.benefits-grid.svelte-6okqif{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.benefit-card.svelte-6okqif{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:transform var(--transition-fast), border-color var(--transition-fast)}.benefit-card.svelte-6okqif:hover{border-color:var(--primary);transform:translateY(-4px)}.benefit-icon.svelte-6okqif{width:56px;height:56px;margin:0 auto var(--space-4);background:var(--surface-3);border-radius:var(--radius-full);color:var(--primary);justify-content:center;align-items:center;display:flex}.benefit-card.svelte-6okqif h3:where(.svelte-6okqif){font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-3);color:var(--text-primary)}.benefit-card.svelte-6okqif p:where(.svelte-6okqif){color:var(--text-secondary);line-height:1.6}.tech-section.svelte-6okqif{background:var(--surface-2);border-radius:var(--radius-xl);padding:var(--space-10);margin-bottom:var(--space-16)}.tech-content.svelte-6okqif{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.tech-item.svelte-6okqif h4:where(.svelte-6okqif){font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--primary);margin-bottom:var(--space-3)}.tech-item.svelte-6okqif p:where(.svelte-6okqif){color:var(--text-secondary);line-height:1.6;font-size:var(--text-sm)}.cta-section.svelte-6okqif{text-align:center;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);border-radius:var(--radius-xl);padding:var(--space-12);color:#fff}.cta-section.svelte-6okqif h2:where(.svelte-6okqif){font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4);color:#fff}.cta-section.svelte-6okqif p:where(.svelte-6okqif){font-size:var(--text-lg);margin-bottom:var(--space-8);color:#fff;opacity:.9}.cta-button.svelte-6okqif{color:var(--primary);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--weight-semibold);transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:#fff;text-decoration:none;display:inline-block;box-shadow:0 2px 8px #0000001a}.cta-button.svelte-6okqif:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.browser-section.svelte-6okqif{margin-bottom:var(--space-16)}.browser-section.svelte-6okqif h2:where(.svelte-6okqif){font-size:var(--text-2xl);font-weight:var(--weight-bold);text-align:center;margin-bottom:var(--space-4);color:var(--text-primary)}.browser-desc.svelte-6okqif{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.browser-grid.svelte-6okqif{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.browser-card.svelte-6okqif{background:color-mix(in srgb, var(--surface-3) 94%, var(--text-primary));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast)}.browser-card.recommended.svelte-6okqif,.browser-card.svelte-6okqif:hover{border-color:var(--border-medium)}.browser-header.svelte-6okqif{align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.browser-header.svelte-6okqif svg{color:var(--text-secondary);flex-shrink:0}.browser-header.svelte-6okqif h4:where(.svelte-6okqif){font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.ios-warning-desc.svelte-6okqif{color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:1.6}.browser-card.svelte-6okqif ul:where(.svelte-6okqif){margin:0;padding:0;list-style:none}.browser-card.svelte-6okqif li:where(.svelte-6okqif){align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-sm);display:flex}.browser-card.svelte-6okqif li:where(.svelte-6okqif) svg{color:var(--text-tertiary);flex-shrink:0}@media (width<=640px){.step.svelte-6okqif{text-align:center;flex-direction:column}.step-number.svelte-6okqif{top:-12px;left:50%;transform:translate(-50%)}}