.page-wrapper.svelte-1x4lawb{min-height:100vh;background-color:var(--bg-secondary)}.hero-graphic.svelte-1x4lawb{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%;max-width:440px}.hero-app.svelte-1x4lawb{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 20px 40px -4px #0000000f;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);transition:transform .4s ease}.hero-app.svelte-1x4lawb:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}.hero-app-chrome.svelte-1x4lawb{display:flex;align-items:center;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.chrome-dots.svelte-1x4lawb{display:flex;gap:5px}.chrome-dot.svelte-1x4lawb{width:9px;height:9px;border-radius:50%;display:block}.chrome-dot.red.svelte-1x4lawb{background:#ff5f57}.chrome-dot.yellow.svelte-1x4lawb{background:#febc2e}.chrome-dot.green.svelte-1x4lawb{background:#28c840}.chrome-title.svelte-1x4lawb{flex:1;text-align:center;font-size:10px;font-weight:500;color:var(--text-tertiary);background:var(--bg-primary);padding:3px 10px;border-radius:var(--radius-sm);margin:0 30px}.chrome-spacer.svelte-1x4lawb{width:46px}.hero-app-body.svelte-1x4lawb{min-height:240px;display:flex;align-items:stretch}.hero-phase.svelte-1x4lawb{width:100%;padding:var(--spacing-4) var(--spacing-5);animation:svelte-1x4lawb-phaseIn .35s ease-out}@keyframes svelte-1x4lawb-phaseIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.recording-phase.svelte-1x4lawb{display:flex;flex-direction:column;gap:var(--spacing-4)}.recording-header.svelte-1x4lawb{display:flex;align-items:center;justify-content:space-between}.rec-indicator.svelte-1x4lawb{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);font-weight:600;color:#ef4444}.rec-dot.svelte-1x4lawb{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:svelte-1x4lawb-recPulse 1s infinite}@keyframes svelte-1x4lawb-recPulse{0%,to{opacity:1;box-shadow:0 0 #ef444466}50%{opacity:.7;box-shadow:0 0 0 4px #ef444400}}.rec-timer.svelte-1x4lawb{font-family:monospace;font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm)}.recording-waveform.svelte-1x4lawb{display:flex;align-items:center;justify-content:center;gap:2px;height:56px;padding:var(--spacing-3) 0}.wave-bar.svelte-1x4lawb{width:3px;height:var(--h);background:var(--color-primary-400);border-radius:2px;animation:svelte-1x4lawb-waveAnim 1.4s ease-in-out infinite;animation-delay:var(--delay);opacity:.85}@keyframes svelte-1x4lawb-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.recording-meta.svelte-1x4lawb{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-3);border-top:1px solid var(--border-light)}.meta-client.svelte-1x4lawb{display:flex;align-items:center;gap:var(--spacing-1);font-size:11px;font-weight:500;color:var(--text-tertiary)}.meta-client.svelte-1x4lawb svg{color:var(--text-quaternary);flex-shrink:0}.meta-tag.svelte-1x4lawb{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full);transition:all .3s ease}.processing-phase.svelte-1x4lawb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:220px}.processing-spinner.svelte-1x4lawb{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary-500);animation:svelte-1x4lawb-spinGlow 1.2s ease-in-out infinite}@keyframes svelte-1x4lawb-spinGlow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.processing-text.svelte-1x4lawb{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin:0}.processing-bar.svelte-1x4lawb{width:160px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.processing-fill.svelte-1x4lawb{height:100%;width:0%;background:var(--color-primary-500);border-radius:2px;animation:svelte-1x4lawb-processFill 1.4s ease-out forwards}@keyframes svelte-1x4lawb-processFill{0%{width:0%}to{width:100%}}.outputs-phase.svelte-1x4lawb{display:flex;flex-direction:column;gap:var(--spacing-3)}.outputs-header.svelte-1x4lawb{display:flex;align-items:center;justify-content:space-between}.outputs-done.svelte-1x4lawb{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);font-weight:600;color:#16a34a}.outputs-done.svelte-1x4lawb svg{color:#16a34a}.outputs-modality-tag.svelte-1x4lawb{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full)}.outputs-cards.svelte-1x4lawb{display:flex;flex-direction:column;gap:var(--spacing-2)}.output-card.svelte-1x4lawb{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-3);background:var(--bg-secondary);opacity:0;transform:translateY(8px);transition:all .35s ease-out;border-left:3px solid var(--accent)}.output-card.visible.svelte-1x4lawb{opacity:1;transform:translateY(0)}.note-line.svelte-1x4lawb{display:flex;gap:var(--spacing-2);font-size:10px;line-height:1.4}.note-label.svelte-1x4lawb{font-weight:600;color:var(--text-tertiary);white-space:nowrap}.note-text.svelte-1x4lawb{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.output-extras.svelte-1x4lawb{display:flex;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-2)}.output-extra-pill.svelte-1x4lawb{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-tertiary);opacity:0;transform:translateY(4px);transition:all .3s ease}.output-extra-pill.visible.svelte-1x4lawb{opacity:1;transform:translateY(0)}.output-extra-pill.svelte-1x4lawb svg{color:var(--color-primary-500);flex-shrink:0}.hero-approach-strip.svelte-1x4lawb{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap}.hero-approach-pill.svelte-1x4lawb{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-tertiary);transition:all .3s ease}.hero-approach-pill.active.svelte-1x4lawb{font-weight:700;box-shadow:var(--shadow-sm)}@media(max-width:1024px){.hero-graphic.svelte-1x4lawb{max-width:400px;margin:0 auto}.hero-app.svelte-1x4lawb,.hero-app.svelte-1x4lawb:hover{transform:none}}@media(max-width:640px){.hero-graphic.svelte-1x4lawb{max-width:100%}.hero-app-body.svelte-1x4lawb{min-height:210px}.recording-waveform.svelte-1x4lawb{height:44px}.wave-bar.svelte-1x4lawb{width:2px}}.challenges-section.svelte-1x4lawb{padding:var(--spacing-16) 0;background:var(--bg-primary)}.challenges-layout.svelte-1x4lawb{display:flex;flex-direction:column;gap:var(--spacing-8)}.challenges-tabs.svelte-1x4lawb{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3)}.challenge-tab.svelte-1x4lawb{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;text-align:left;font-family:var(--font-body);flex:0 1 320px;width:min(100%,320px)}.challenge-tab.svelte-1x4lawb:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.challenge-tab.active.svelte-1x4lawb{border-color:var(--color-primary-500);background:var(--color-primary-50)}.challenge-tab-icon.svelte-1x4lawb{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);color:var(--color-primary-600);border-radius:var(--radius-lg);flex-shrink:0}.challenge-tab.active.svelte-1x4lawb .challenge-tab-icon:where(.svelte-1x4lawb){background:var(--color-primary-500);color:#fff}.challenge-tab-text.svelte-1x4lawb{display:flex;flex-direction:column;gap:2px}.challenge-tab-title.svelte-1x4lawb{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.challenge-tab-stat.svelte-1x4lawb{font-size:var(--text-xs);color:var(--text-tertiary)}.challenge-tab-stat.svelte-1x4lawb strong:where(.svelte-1x4lawb){color:var(--color-primary-600);font-weight:700}.challenge-detail.svelte-1x4lawb{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-6);align-items:center;padding:var(--spacing-8);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.challenge-label.svelte-1x4lawb{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}.problem-label.svelte-1x4lawb{color:var(--text-tertiary)}.solution-label.svelte-1x4lawb{color:var(--color-primary-600)}.challenge-problem.svelte-1x4lawb p:where(.svelte-1x4lawb),.challenge-solution.svelte-1x4lawb p:where(.svelte-1x4lawb){font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin:0}.challenge-arrow.svelte-1x4lawb{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);flex-shrink:0;align-self:center}@media(max-width:900px){.challenge-detail.svelte-1x4lawb{grid-template-columns:1fr;text-align:center}.challenge-arrow.svelte-1x4lawb{justify-self:center}}.approach-section.svelte-1x4lawb{padding:var(--spacing-16) 0;background:var(--bg-secondary)}.approach-layout.svelte-1x4lawb{display:flex;flex-direction:column;gap:var(--spacing-8)}.approach-selector.svelte-1x4lawb{display:flex;gap:var(--spacing-3);justify-content:center}.approach-pill.svelte-1x4lawb{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-4) var(--spacing-8);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.approach-pill.svelte-1x4lawb:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-sm)}.approach-pill.active.svelte-1x4lawb{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-md)}.approach-pill-label.svelte-1x4lawb{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.approach-pill-count.svelte-1x4lawb{font-size:var(--text-xs);color:var(--text-tertiary)}.approach-pill.active.svelte-1x4lawb .approach-pill-label:where(.svelte-1x4lawb){color:var(--color-primary-700)}.approach-pill.active.svelte-1x4lawb .approach-pill-count:where(.svelte-1x4lawb){color:var(--color-primary-500)}.approach-content.svelte-1x4lawb{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--spacing-8);align-items:start}.approach-info.svelte-1x4lawb{display:flex;flex-direction:column;gap:var(--spacing-4)}.approach-info.svelte-1x4lawb h3:where(.svelte-1x4lawb){font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);line-height:1.3;margin:0}.approach-description.svelte-1x4lawb{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin:0}.approach-who.svelte-1x4lawb{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:var(--radius-xl);font-size:var(--text-sm);color:var(--color-primary-700);line-height:1.5}.approach-who.svelte-1x4lawb svg{color:var(--color-primary-500);flex-shrink:0;margin-top:2px}.approach-modalities.svelte-1x4lawb{display:flex;flex-direction:column;gap:var(--spacing-2)}.approach-modality.svelte-1x4lawb{display:flex;align-items:baseline;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.modality-name.svelte-1x4lawb{font-size:var(--text-sm);font-weight:600;color:var(--color-primary-600);flex-shrink:0}.modality-desc.svelte-1x4lawb{font-size:var(--text-sm);color:var(--text-tertiary)}.approach-card.svelte-1x4lawb{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.approach-card-header.svelte-1x4lawb{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.approach-card-header.svelte-1x4lawb svg{color:var(--color-primary-500)}.approach-badge.svelte-1x4lawb{margin-left:auto;font-size:var(--text-xs);font-weight:600;padding:2px var(--spacing-2);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-sm)}.approach-card-body.svelte-1x4lawb{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.approach-note-section.svelte-1x4lawb{display:flex;flex-direction:column;gap:var(--spacing-1)}.approach-note-label.svelte-1x4lawb{font-size:var(--text-xs);font-weight:600;color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.03em}.approach-note-text.svelte-1x4lawb{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}@media(max-width:900px){.approach-content.svelte-1x4lawb{grid-template-columns:1fr}.approach-selector.svelte-1x4lawb{flex-wrap:wrap}}@media(max-width:640px){.approach-pill.svelte-1x4lawb{padding:var(--spacing-3) var(--spacing-5)}}.benefits-section.svelte-1x4lawb{padding:var(--spacing-16) 0;background:var(--bg-secondary)}