*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #0d1117;--ink2: #374151;--ink3: #6b7280;--paper: #fafaf8;--surface: #ffffff;--accent: #0f4c81;--accent-light: #e6f1fb;--accent-mid: #185fa5;--gold: #ba7517;--gold-light: #faeeda;--green: #3b6d11;--green-light: #eaf3de;--danger: #dc2626;--danger-light: #fef2f2;--warning: #ea580c;--warning-light: #fff7ed;--spam: #7c3aed;--spam-light: #f5f3ff;--border: rgba(0,0,0,.08);--radius: 12px}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6;overflow-x:hidden}button{font-family:DM Sans,sans-serif;cursor:pointer}.diagram-wrap.svelte-1tm2l9e{position:relative;width:100%;height:100%;background:#fafaf8;border-radius:12px;overflow:hidden}.diagram-svg.svelte-1tm2l9e{display:block;width:100%;height:100%}.zoom-controls.svelte-1tm2l9e{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:4px}.zoom-btn.svelte-1tm2l9e{width:32px;height:32px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:16px;color:#374151;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000012;transition:background .15s}.zoom-btn.svelte-1tm2l9e:hover{background:#e6f1fb;color:#0f4c81}.legend.svelte-1tm2l9e{position:absolute;bottom:12px;left:12px;display:flex;flex-wrap:wrap;gap:8px 14px;background:#ffffffe0;border:1px solid rgba(0,0,0,.07);border-radius:10px;padding:8px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.legend-item.svelte-1tm2l9e{display:flex;align-items:center;gap:5px;font-size:11px;color:#374151;font-family:DM Sans,sans-serif}.legend-dot.svelte-1tm2l9e{width:8px;height:8px;border-radius:50%}.detail-panel.svelte-v9042c.svelte-v9042c{height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff}.detail-header.svelte-v9042c.svelte-v9042c{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid;flex-shrink:0}.detail-icon.svelte-v9042c.svelte-v9042c{font-size:26px}.detail-title.svelte-v9042c.svelte-v9042c{font-size:15px;font-weight:600;font-family:DM Sans,sans-serif;line-height:1.3}.detail-sub.svelte-v9042c.svelte-v9042c{font-size:11px;font-family:DM Sans,sans-serif;margin-top:1px}.detail-body.svelte-v9042c.svelte-v9042c{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:16px}.detail-section-label.svelte-v9042c.svelte-v9042c{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#6b7280;margin-bottom:8px;font-family:DM Sans,sans-serif}.system-badges.svelte-v9042c.svelte-v9042c{display:flex;flex-wrap:wrap;gap:6px}.system-badge.svelte-v9042c.svelte-v9042c{display:flex;align-items:center;gap:5px;background:#e6f1fb;color:#0f4c81;border:1px solid #c3d8ef;border-radius:20px;padding:4px 10px;font-size:12px;font-family:DM Sans,sans-serif;font-weight:500}.detail-list.svelte-v9042c.svelte-v9042c{list-style:none;display:flex;flex-direction:column;gap:7px}.detail-list.svelte-v9042c li.svelte-v9042c{font-size:13px;color:#374151;font-family:DM Sans,sans-serif;line-height:1.5;padding-left:18px;position:relative}.detail-list.svelte-v9042c li.svelte-v9042c:before{content:"→";position:absolute;left:0;color:#0f4c81;font-size:11px;top:1px}.detail-empty.svelte-v9042c.svelte-v9042c{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;border-radius:12px;border:1px dashed rgba(0,0,0,.12);background:#fff}.empty-icon.svelte-v9042c.svelte-v9042c{font-size:32px;opacity:.4}.empty-title.svelte-v9042c.svelte-v9042c{font-size:15px;font-weight:600;color:#374151;font-family:DM Sans,sans-serif}.empty-sub.svelte-v9042c.svelte-v9042c{font-size:13px;color:#6b7280;font-family:DM Sans,sans-serif;max-width:220px;line-height:1.5}.scenario-panel.svelte-2o1ox8.svelte-2o1ox8{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:0;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08)}.panel-section.svelte-2o1ox8.svelte-2o1ox8{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.07)}.panel-section.svelte-2o1ox8.svelte-2o1ox8:last-child{border-bottom:none}.panel-label.svelte-2o1ox8.svelte-2o1ox8{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#6b7280;margin-bottom:10px;font-family:DM Sans,sans-serif}.scenario-list.svelte-2o1ox8.svelte-2o1ox8{display:flex;flex-direction:column;gap:5px}.scenario-btn.svelte-2o1ox8.svelte-2o1ox8{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:#f9fafb;text-align:left;transition:all .15s}.scenario-btn.svelte-2o1ox8.svelte-2o1ox8:hover{background:#e6f1fb;border-color:#c3d8ef}.scenario-btn.active.svelte-2o1ox8.svelte-2o1ox8{background:#e6f1fb;border-color:#0f4c81}.scenario-name.svelte-2o1ox8.svelte-2o1ox8{font-size:12.5px;font-weight:500;color:#0d1117;font-family:DM Sans,sans-serif;flex:1}.scenario-badge.svelte-2o1ox8.svelte-2o1ox8{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:20px;border:1px solid;white-space:nowrap;font-family:DM Sans,sans-serif}.scenario-info.svelte-2o1ox8.svelte-2o1ox8{display:flex;flex-direction:column;gap:6px}.info-row.svelte-2o1ox8.svelte-2o1ox8{display:flex;gap:8px;font-size:12px;font-family:DM Sans,sans-serif}.info-key.svelte-2o1ox8.svelte-2o1ox8{color:#6b7280;min-width:58px;flex-shrink:0;font-weight:500}.info-val.svelte-2o1ox8.svelte-2o1ox8{color:#0d1117;line-height:1.45}.progress-wrap.svelte-2o1ox8.svelte-2o1ox8{margin-bottom:10px}.progress-bar.svelte-2o1ox8.svelte-2o1ox8{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:5px}.progress-fill.svelte-2o1ox8.svelte-2o1ox8{height:100%;background:#0f4c81;border-radius:2px;transition:width .3s ease}.progress-label.svelte-2o1ox8.svelte-2o1ox8{font-size:11px;color:#6b7280;font-family:DM Sans,sans-serif}.controls.svelte-2o1ox8.svelte-2o1ox8{display:flex;gap:6px;align-items:center}.ctrl-btn.svelte-2o1ox8.svelte-2o1ox8{flex:1;height:34px;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#fff;color:#374151;font-size:14px;transition:all .15s}.ctrl-btn.svelte-2o1ox8.svelte-2o1ox8:hover:not(:disabled){background:#e6f1fb;color:#0f4c81;border-color:#c3d8ef}.ctrl-btn.svelte-2o1ox8.svelte-2o1ox8:disabled{opacity:.35;cursor:not-allowed}.ctrl-btn.primary.svelte-2o1ox8.svelte-2o1ox8{flex:2;background:#0f4c81;color:#fff;border-color:#0f4c81;font-size:16px}.ctrl-btn.primary.svelte-2o1ox8.svelte-2o1ox8:hover:not(:disabled){background:#185fa5}.current-step.svelte-2o1ox8.svelte-2o1ox8{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#e6f1fb;border-radius:8px;border:1px solid #c3d8ef}.step-icon.svelte-2o1ox8.svelte-2o1ox8{font-size:22px}.step-name.svelte-2o1ox8.svelte-2o1ox8{font-size:13px;font-weight:600;color:#0d1117;font-family:DM Sans,sans-serif}.step-sub.svelte-2o1ox8.svelte-2o1ox8{font-size:11px;color:#6b7280;font-family:DM Sans,sans-serif;margin-top:1px}.path-section.svelte-2o1ox8.svelte-2o1ox8{flex:1}.path-crumbs.svelte-2o1ox8.svelte-2o1ox8{display:flex;flex-direction:column;gap:0}.crumb.svelte-2o1ox8.svelte-2o1ox8{display:flex;align-items:center;gap:9px;padding:4px 0;position:relative}.crumb.svelte-2o1ox8.svelte-2o1ox8:not(:last-child):after{content:"";position:absolute;left:7px;top:20px;width:2px;height:12px;background:#e5e7eb}.crumb.done.svelte-2o1ox8.svelte-2o1ox8:not(:last-child):after{background:#93b5d4}.crumb-dot.svelte-2o1ox8.svelte-2o1ox8{width:16px;height:16px;border-radius:50%;border:2px solid #d1d5db;background:#fff;flex-shrink:0;transition:all .2s;position:relative;z-index:1}.crumb.done.svelte-2o1ox8 .crumb-dot.svelte-2o1ox8{background:#0f4c81;border-color:#0f4c81}.crumb.current.svelte-2o1ox8 .crumb-dot.svelte-2o1ox8{background:#0f4c81;border-color:#0f4c81;box-shadow:0 0 0 3px #0f4c8140}.crumb-label.svelte-2o1ox8.svelte-2o1ox8{font-size:11.5px;color:#9ca3af;font-family:DM Sans,sans-serif;transition:color .2s}.crumb.done.svelte-2o1ox8 .crumb-label.svelte-2o1ox8{color:#374151}.crumb.current.svelte-2o1ox8 .crumb-label.svelte-2o1ox8{color:#0f4c81;font-weight:600}nav.svelte-jrgxpd.svelte-jrgxpd{position:sticky;top:0;z-index:100;background:#fafaf8ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px}.logo.svelte-jrgxpd.svelte-jrgxpd{font-family:"Instrument Serif",serif;font-size:20px;color:var(--accent);letter-spacing:-.3px}.nav-links.svelte-jrgxpd.svelte-jrgxpd{display:flex;gap:2rem;list-style:none}.nav-links.svelte-jrgxpd a.svelte-jrgxpd{text-decoration:none;color:var(--ink2);font-size:14px}.nav-links.svelte-jrgxpd a.svelte-jrgxpd:hover{color:var(--accent)}.nav-badge.svelte-jrgxpd.svelte-jrgxpd{display:flex;align-items:center;gap:6px;background:var(--green-light);color:var(--green);font-size:12px;font-weight:500;padding:5px 12px;border-radius:20px}.live-dot.svelte-jrgxpd.svelte-jrgxpd{width:6px;height:6px;border-radius:50%;background:var(--green);animation:svelte-jrgxpd-pulse 2s infinite}@keyframes svelte-jrgxpd-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero.svelte-jrgxpd.svelte-jrgxpd{position:relative;padding:5rem 2rem 4rem;overflow:hidden;text-align:center}.hero-bg.svelte-jrgxpd.svelte-jrgxpd{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,#e6f1fb 0%,transparent 65%),radial-gradient(ellipse 40% 40% at 85% 80%,#faeeda 0%,transparent 60%);pointer-events:none}.hero-inner.svelte-jrgxpd.svelte-jrgxpd{position:relative;max-width:740px;margin:0 auto}.hero-eyebrow.svelte-jrgxpd.svelte-jrgxpd{display:inline-flex;align-items:center;gap:6px;background:var(--green-light);color:var(--green);font-size:12px;font-weight:500;padding:4px 14px;border-radius:20px;margin-bottom:1.5rem}.eyebrow-dot.svelte-jrgxpd.svelte-jrgxpd{width:6px;height:6px;border-radius:50%;background:var(--green);animation:svelte-jrgxpd-pulse 2s infinite}.hero.svelte-jrgxpd h1.svelte-jrgxpd{font-family:"Instrument Serif",serif;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.2;letter-spacing:-.5px;color:var(--ink);margin-bottom:1.25rem}.hero.svelte-jrgxpd h1 em.svelte-jrgxpd{font-style:italic;color:var(--accent)}.hero-sub.svelte-jrgxpd.svelte-jrgxpd{font-size:17px;color:var(--ink2);line-height:1.7;margin-bottom:2rem;max-width:540px;margin-left:auto;margin-right:auto}.hero-actions.svelte-jrgxpd.svelte-jrgxpd{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-primary.svelte-jrgxpd.svelte-jrgxpd{background:var(--accent);color:#fff;border:none;padding:13px 26px;border-radius:10px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.btn-primary.svelte-jrgxpd.svelte-jrgxpd:hover{background:var(--accent-mid)}.btn-ghost.svelte-jrgxpd.svelte-jrgxpd{background:transparent;color:var(--ink);border:1px solid var(--border);padding:13px 26px;border-radius:10px;font-size:15px;text-decoration:none;display:inline-block;transition:background .2s}.btn-ghost.svelte-jrgxpd.svelte-jrgxpd:hover{background:var(--surface)}.stat-bar.svelte-jrgxpd.svelte-jrgxpd{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2rem}.stat-bar-inner.svelte-jrgxpd.svelte-jrgxpd{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.stat-num.svelte-jrgxpd.svelte-jrgxpd{font-family:"Instrument Serif",serif;font-size:2.2rem;color:var(--accent)}.stat-label.svelte-jrgxpd.svelte-jrgxpd{font-size:13px;color:var(--ink3);margin-top:2px}.section-header.svelte-jrgxpd.svelte-jrgxpd{text-align:center;margin-bottom:2.5rem}.section-label.svelte-jrgxpd.svelte-jrgxpd{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:.6rem}.section-title.svelte-jrgxpd.svelte-jrgxpd{font-family:"Instrument Serif",serif;font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.3px;margin-bottom:.75rem;color:var(--ink)}.section-sub.svelte-jrgxpd.svelte-jrgxpd{font-size:16px;color:var(--ink2);max-width:540px;margin:0 auto;line-height:1.65}.workflow-section.svelte-jrgxpd.svelte-jrgxpd{padding:4rem 2rem;max-width:1400px;margin:0 auto}.demo-layout.svelte-jrgxpd.svelte-jrgxpd{display:grid;grid-template-columns:240px 1fr 260px;gap:16px;height:82vh;min-height:600px}.col-left.svelte-jrgxpd.svelte-jrgxpd,.col-right.svelte-jrgxpd.svelte-jrgxpd{height:100%;overflow:hidden}.col-center.svelte-jrgxpd.svelte-jrgxpd{height:100%;border-radius:12px;border:1px solid var(--border);overflow:hidden;box-shadow:0 4px 24px #0000000f}.stack-section.svelte-jrgxpd.svelte-jrgxpd{padding:4rem 2rem;max-width:1100px;margin:0 auto;background:var(--paper)}.stack-grid.svelte-jrgxpd.svelte-jrgxpd{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.stack-card.svelte-jrgxpd.svelte-jrgxpd{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:box-shadow .2s}.stack-card.svelte-jrgxpd.svelte-jrgxpd:hover{box-shadow:0 6px 24px #00000014}.stack-icon.svelte-jrgxpd.svelte-jrgxpd{font-size:28px;margin-bottom:10px}.stack-name.svelte-jrgxpd.svelte-jrgxpd{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:4px}.stack-role.svelte-jrgxpd.svelte-jrgxpd{font-size:13px;color:var(--ink3)}.features-section.svelte-jrgxpd.svelte-jrgxpd{padding:4rem 2rem;max-width:1100px;margin:0 auto}.features-grid.svelte-jrgxpd.svelte-jrgxpd{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.feature-card.svelte-jrgxpd.svelte-jrgxpd{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;gap:1rem;transition:box-shadow .2s}.feature-card.svelte-jrgxpd.svelte-jrgxpd:hover{box-shadow:0 6px 24px #00000014}.feature-icon.svelte-jrgxpd.svelte-jrgxpd{font-size:24px;width:44px;height:44px;min-width:44px;background:var(--accent-light);border-radius:12px;display:flex;align-items:center;justify-content:center}.feature-title.svelte-jrgxpd.svelte-jrgxpd{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px}.feature-desc.svelte-jrgxpd.svelte-jrgxpd{font-size:13px;color:var(--ink2);line-height:1.6}.tech-table-section.svelte-jrgxpd.svelte-jrgxpd{padding:4rem 2rem;max-width:1100px;margin:0 auto}.table-wrap.svelte-jrgxpd.svelte-jrgxpd{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.tech-table.svelte-jrgxpd.svelte-jrgxpd{width:100%;border-collapse:collapse;font-size:13px;font-family:DM Sans,sans-serif}.tech-table.svelte-jrgxpd th.svelte-jrgxpd{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--ink3);background:#f9fafb;border-bottom:1px solid var(--border)}.tech-table.svelte-jrgxpd td.svelte-jrgxpd{padding:12px 16px;color:var(--ink2);border-bottom:1px solid var(--border);vertical-align:middle}.tech-table.svelte-jrgxpd tr:last-child td.svelte-jrgxpd{border-bottom:none}.tech-table.svelte-jrgxpd tr:hover td.svelte-jrgxpd{background:#fafaf8}.td-name.svelte-jrgxpd.svelte-jrgxpd{font-weight:600;color:var(--ink)}.td-area.svelte-jrgxpd.svelte-jrgxpd{font-size:12px;color:var(--ink3)}.skill-badge.svelte-jrgxpd.svelte-jrgxpd{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:500}.skill-senior.svelte-jrgxpd.svelte-jrgxpd{background:var(--accent-light);color:var(--accent)}.skill-mid.svelte-jrgxpd.svelte-jrgxpd{background:var(--green-light);color:var(--green)}.skill-junior.svelte-jrgxpd.svelte-jrgxpd{background:var(--gold-light);color:var(--gold)}.capable-yes.svelte-jrgxpd.svelte-jrgxpd{color:var(--green);font-weight:500}.capable-no.svelte-jrgxpd.svelte-jrgxpd{color:var(--ink3)}.cta-band.svelte-jrgxpd.svelte-jrgxpd{background:var(--accent);padding:5rem 2rem;text-align:center}.cta-inner.svelte-jrgxpd.svelte-jrgxpd{max-width:580px;margin:0 auto}.cta-band.svelte-jrgxpd h2.svelte-jrgxpd{font-family:"Instrument Serif",serif;font-size:clamp(1.8rem,3.5vw,2.8rem);color:#fff;margin-bottom:1rem;letter-spacing:-.3px}.cta-band.svelte-jrgxpd p.svelte-jrgxpd{color:#ffffffc7;font-size:16px;margin-bottom:2rem}.btn-white.svelte-jrgxpd.svelte-jrgxpd{background:#fff;color:var(--accent);border:none;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.btn-white.svelte-jrgxpd.svelte-jrgxpd:hover{background:#f0f0f0}footer.svelte-jrgxpd.svelte-jrgxpd{background:var(--surface);border-top:1px solid var(--border);padding:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-logo.svelte-jrgxpd.svelte-jrgxpd{font-family:"Instrument Serif",serif;font-size:18px;color:var(--accent)}footer.svelte-jrgxpd p.svelte-jrgxpd{font-size:13px;color:var(--ink3)}.footer-note.svelte-jrgxpd.svelte-jrgxpd{font-size:12px;color:var(--ink3);font-style:italic}@media (max-width: 1100px){.demo-layout.svelte-jrgxpd.svelte-jrgxpd{grid-template-columns:200px 1fr 220px}}@media (max-width: 860px){.demo-layout.svelte-jrgxpd.svelte-jrgxpd{grid-template-columns:1fr;grid-template-rows:auto 60vh auto;height:auto}.col-left.svelte-jrgxpd.svelte-jrgxpd,.col-right.svelte-jrgxpd.svelte-jrgxpd,.col-center.svelte-jrgxpd.svelte-jrgxpd{height:auto;min-height:300px}.col-center.svelte-jrgxpd.svelte-jrgxpd{height:60vh}.stat-bar-inner.svelte-jrgxpd.svelte-jrgxpd{grid-template-columns:repeat(2,1fr)}.features-grid.svelte-jrgxpd.svelte-jrgxpd{grid-template-columns:1fr}.stack-grid.svelte-jrgxpd.svelte-jrgxpd{grid-template-columns:repeat(2,1fr)}}