.page-container.svelte-6okqif{max-width:var(--container-xl);margin:0 auto;padding:var(--space-12) var(--space-6)}.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{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-16)}.step.svelte-6okqif{display:flex;align-items:center;gap:var(--space-6);background:var(--surface-2);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:700px;position:relative}.step-number.svelte-6okqif{position:absolute;top:-12px;left:-12px;width:32px;height:32px;background:var(--primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-sm)}.step-icon.svelte-6okqif{width:64px;height:64px;background:var(--surface-3);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.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{width:2px;height:32px;background:linear-gradient(to bottom,var(--primary),var(--border-subtle))}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.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{transform:translateY(-4px);border-color:var(--primary)}.benefit-icon.svelte-6okqif{width:56px;height:56px;margin:0 auto var(--space-4);background:var(--surface-3);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--primary)}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}.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{display:inline-block;background:#fff;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);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 2px 8px #0000001a}.cta-button.svelte-6okqif:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;text-decoration:none}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.browser-card.svelte-6okqif{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.browser-card.recommended.svelte-6okqif{border-color:var(--success);background:color-mix(in srgb,var(--success) 5%,var(--surface-1))}.browser-card.limited.svelte-6okqif{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 5%,var(--surface-1))}.browser-header.svelte-6okqif{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.browser-card.recommended.svelte-6okqif .browser-header:where(.svelte-6okqif){color:var(--success)}.browser-card.limited.svelte-6okqif .browser-header:where(.svelte-6okqif){color:var(--warning)}.browser-header.svelte-6okqif h4:where(.svelte-6okqif){font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.browser-card.svelte-6okqif ul:where(.svelte-6okqif){list-style:none;padding:0;margin:0}.browser-card.svelte-6okqif li:where(.svelte-6okqif){display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-sm)}@media (max-width: 640px){.step.svelte-6okqif{flex-direction:column;text-align:center}.step-number.svelte-6okqif{top:-12px;left:50%;transform:translate(-50%)}}