.page-wrapper.svelte-323pnb{min-height:100vh;background-color:var(--bg-secondary)}.hero-graphic.svelte-323pnb{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%;max-width:440px}.hero-app.svelte-323pnb{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-323pnb:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}.hero-app-chrome.svelte-323pnb{display:flex;align-items:center;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.chrome-dots.svelte-323pnb{display:flex;gap:5px}.chrome-dot.svelte-323pnb{width:9px;height:9px;border-radius:50%;display:block}.chrome-dot.red.svelte-323pnb{background:#ff5f57}.chrome-dot.yellow.svelte-323pnb{background:#febc2e}.chrome-dot.green.svelte-323pnb{background:#28c840}.chrome-title.svelte-323pnb{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-323pnb{width:46px}.hero-app-body.svelte-323pnb{min-height:240px;display:flex;align-items:stretch}.hero-phase.svelte-323pnb{width:100%;padding:var(--spacing-4) var(--spacing-5);animation:svelte-323pnb-phaseIn .35s ease-out}@keyframes svelte-323pnb-phaseIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.recording-phase.svelte-323pnb{display:flex;flex-direction:column;gap:var(--spacing-4)}.recording-header.svelte-323pnb{display:flex;align-items:center;justify-content:space-between}.rec-indicator.svelte-323pnb{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);font-weight:600;color:#ef4444}.rec-dot.svelte-323pnb{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:svelte-323pnb-recPulse 1s infinite}@keyframes svelte-323pnb-recPulse{0%,to{opacity:1;box-shadow:0 0 #ef444466}50%{opacity:.7;box-shadow:0 0 0 4px #ef444400}}.rec-timer.svelte-323pnb{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-323pnb{display:flex;align-items:center;justify-content:center;gap:2px;height:56px;padding:var(--spacing-3) 0}.wave-bar.svelte-323pnb{width:3px;height:var(--h);background:var(--color-primary-400);border-radius:2px;animation:svelte-323pnb-waveAnim 1.4s ease-in-out infinite;animation-delay:var(--delay);opacity:.85}@keyframes svelte-323pnb-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.recording-meta.svelte-323pnb{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-3);border-top:1px solid var(--border-light)}.meta-client.svelte-323pnb{display:flex;align-items:center;gap:var(--spacing-1);font-size:11px;font-weight:500;color:var(--text-tertiary)}.meta-client.svelte-323pnb svg{color:var(--text-quaternary);flex-shrink:0}.meta-contact-type.svelte-323pnb{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-323pnb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:220px}.processing-spinner.svelte-323pnb{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-323pnb-spinGlow 1.2s ease-in-out infinite}@keyframes svelte-323pnb-spinGlow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.processing-text.svelte-323pnb{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin:0}.processing-bar.svelte-323pnb{width:160px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.processing-fill.svelte-323pnb{height:100%;width:0%;background:var(--color-primary-500);border-radius:2px;animation:svelte-323pnb-processFill 1.4s ease-out forwards}@keyframes svelte-323pnb-processFill{0%{width:0%}to{width:100%}}.outputs-phase.svelte-323pnb{display:flex;flex-direction:column;gap:var(--spacing-3)}.outputs-header.svelte-323pnb{display:flex;align-items:center}.outputs-done.svelte-323pnb{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);font-weight:600;color:#16a34a}.outputs-done.svelte-323pnb svg{color:#16a34a}.outputs-cards.svelte-323pnb{display:flex;flex-direction:column;gap:var(--spacing-2)}.output-card.svelte-323pnb{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}.output-card.visible.svelte-323pnb{opacity:1;transform:translateY(0)}.output-card-top.svelte-323pnb{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.output-card-top.svelte-323pnb svg{flex-shrink:0}.note-card.svelte-323pnb .output-card-top:where(.svelte-323pnb) svg{color:var(--color-primary-500)}.risk-card.svelte-323pnb .output-card-top:where(.svelte-323pnb) svg{color:#f59e0b}.export-card.svelte-323pnb .output-card-top:where(.svelte-323pnb) svg{color:#8b5cf6}.output-card-title.svelte-323pnb{font-size:11px;font-weight:600;color:var(--text-primary);flex:1}.output-type-tag.svelte-323pnb{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:var(--radius-sm);transition:all .3s ease}.output-risk-tag.svelte-323pnb,.output-export-tag.svelte-323pnb{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:600;padding:1px 6px;border-radius:var(--radius-sm)}.output-risk-tag.svelte-323pnb{background:#f59e0b14;color:#d97706}.output-export-tag.svelte-323pnb{background:#8b5cf614;color:#7c3aed}.output-card-preview.svelte-323pnb{display:flex;flex-direction:column;gap:4px}.note-line.svelte-323pnb{display:flex;gap:var(--spacing-2);font-size:10px;line-height:1.4}.note-label.svelte-323pnb{font-weight:600;color:var(--text-tertiary);white-space:nowrap}.note-text.svelte-323pnb{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-contact-strip.svelte-323pnb{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap}.hero-contact-pill.svelte-323pnb{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-contact-pill.active.svelte-323pnb{font-weight:700;box-shadow:var(--shadow-sm)}@media(max-width:1024px){.hero-graphic.svelte-323pnb{max-width:400px;margin:0 auto}.hero-app.svelte-323pnb,.hero-app.svelte-323pnb:hover{transform:none}}@media(max-width:640px){.hero-graphic.svelte-323pnb{max-width:100%}.hero-app-body.svelte-323pnb{min-height:210px}.recording-waveform.svelte-323pnb{height:44px}.wave-bar.svelte-323pnb{width:2px}}.challenges-section.svelte-323pnb{padding:var(--spacing-16) 0;background:var(--bg-primary)}.challenges-layout.svelte-323pnb{display:flex;flex-direction:column;gap:var(--spacing-8)}.challenges-tabs.svelte-323pnb{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3)}.challenge-tab.svelte-323pnb{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)}.challenge-tab.svelte-323pnb:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.challenge-tab.active.svelte-323pnb{border-color:var(--color-primary-500);background:var(--color-primary-50)}.challenge-tab-icon.svelte-323pnb{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-323pnb .challenge-tab-icon:where(.svelte-323pnb){background:var(--color-primary-500);color:#fff}.challenge-tab-text.svelte-323pnb{display:flex;flex-direction:column;gap:2px}.challenge-tab-title.svelte-323pnb{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.challenge-tab-stat.svelte-323pnb{font-size:var(--text-xs);color:var(--text-tertiary)}.challenge-tab-stat.svelte-323pnb strong:where(.svelte-323pnb){color:var(--color-primary-600);font-weight:700}.challenge-detail.svelte-323pnb{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-323pnb{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-323pnb{color:var(--text-tertiary)}.solution-label.svelte-323pnb{color:var(--color-primary-600)}.challenge-problem.svelte-323pnb p:where(.svelte-323pnb),.challenge-solution.svelte-323pnb p:where(.svelte-323pnb){font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin:0}.challenge-arrow.svelte-323pnb{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){.challenges-tabs.svelte-323pnb{grid-template-columns:repeat(2,1fr)}.challenge-detail.svelte-323pnb{grid-template-columns:1fr;text-align:center}.challenge-arrow.svelte-323pnb{justify-self:center}}@media(max-width:640px){.challenges-tabs.svelte-323pnb{grid-template-columns:1fr}}.handover-section.svelte-323pnb{padding:var(--spacing-16) 0;background:var(--bg-secondary)}.handover-layout.svelte-323pnb{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-8);align-items:start}.handover-steps.svelte-323pnb{display:flex;flex-direction:column;gap:var(--spacing-2);position:sticky;top:120px}.handover-step.svelte-323pnb{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 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)}.handover-step.svelte-323pnb:hover{border-color:var(--color-primary-200)}.handover-step.active.svelte-323pnb{border-color:var(--color-primary-500);box-shadow:var(--shadow-md)}.step-number.svelte-323pnb{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;background:var(--bg-secondary);color:var(--text-tertiary);border:2px solid var(--border-light);font-size:var(--text-sm);font-weight:700;transition:all .2s ease}.step-number.active.svelte-323pnb{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.step-number.completed.svelte-323pnb{background:var(--color-primary-100);color:var(--color-primary-600);border-color:var(--color-primary-200)}.step-info.svelte-323pnb{flex:1;min-width:0}.step-title.svelte-323pnb{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.step-icon-right.svelte-323pnb{color:var(--text-tertiary);flex-shrink:0}.handover-step.active.svelte-323pnb .step-icon-right:where(.svelte-323pnb){color:var(--color-primary-500)}.handover-card.svelte-323pnb{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.handover-card-header.svelte-323pnb{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.handover-card-step.svelte-323pnb{font-size:var(--text-sm);font-weight:700;color:var(--color-primary-600)}.handover-card-body.svelte-323pnb{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-5)}.handover-description.svelte-323pnb{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin:0}.visual-contacts.svelte-323pnb{display:flex;gap:var(--spacing-3)}.visual-contact-item.svelte-323pnb{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-xl);flex:1;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:all .2s ease}.visual-contact-item.active.svelte-323pnb{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-700)}.visual-contact-item.svelte-323pnb svg{color:var(--text-tertiary)}.visual-contact-item.active.svelte-323pnb svg{color:var(--color-primary-500)}.visual-recording.svelte-323pnb{padding:var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl)}.visual-recording-header.svelte-323pnb{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-2)}.visual-dot.svelte-323pnb{width:8px;height:8px;border-radius:50%;background:var(--color-primary-500)}.visual-dot.pulse.svelte-323pnb{animation:pulse 1.5s infinite}.visual-recording-meta.svelte-323pnb{display:flex;gap:var(--spacing-4);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-3)}.visual-status.svelte-323pnb{color:var(--color-primary-600);font-weight:600}.waveform-mini.svelte-323pnb{display:flex;align-items:center;gap:2px;height:24px}.wave-bar-mini.svelte-323pnb{width:2px;height:var(--h);background:var(--color-primary-400);border-radius:1px;animation:svelte-323pnb-waveAnim 1.8s ease-in-out infinite;animation-delay:var(--delay)}.visual-note.svelte-323pnb{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl)}.visual-note-section.svelte-323pnb{display:flex;flex-direction:column;gap:var(--spacing-1)}.visual-note-label.svelte-323pnb{font-size:var(--text-xs);font-weight:600;color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.03em}.visual-note-text.svelte-323pnb{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0}.visual-export.svelte-323pnb{display:flex;flex-direction:column;gap:var(--spacing-2)}.visual-export-item.svelte-323pnb{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.visual-export-item.svelte-323pnb svg{color:var(--color-primary-500);flex-shrink:0}.visual-export-label.svelte-323pnb{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);flex:1}.visual-export-status.svelte-323pnb{font-size:var(--text-xs);font-weight:600;color:var(--color-primary-600);padding:2px var(--spacing-2);background:var(--color-primary-50);border-radius:var(--radius-sm)}@media(max-width:900px){.handover-layout.svelte-323pnb{grid-template-columns:1fr}.handover-steps.svelte-323pnb{position:static}.visual-contacts.svelte-323pnb{flex-wrap:wrap}}.benefits-section.svelte-323pnb{padding:var(--spacing-16) 0;background:var(--bg-secondary)}