.how-it-works-page[data-v-954e71c4]{--nav-width: 1100px;min-height:100vh;background:var(--s0);color:var(--t1);--bg-primary: var(--s0);--bg-secondary: var(--s1);--bg-tertiary: var(--s2);--text-primary: var(--t1);--text-secondary: var(--t2);--text-tertiary: var(--t3);--accent-primary: var(--blue);--accent-secondary: var(--blue);--accent-success: var(--green);--accent-gradient: linear-gradient(135deg, var(--blue) 0%, #00d4ff 100%);--border-color: var(--border);--border-color-medium: var(--border-hover);--card-bg: var(--s1);--card-border: var(--border);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .6);--color-layer-1: #60a5fa;--color-layer-2: #818cf8;--color-layer-3: #a78bfa;--color-layer-4: #c084fc}[data-theme=light] .how-it-works-page[data-v-954e71c4]{--card-bg: var(--s0);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--color-layer-1: #3b82f6;--color-layer-2: #6366f1;--color-layer-3: #8b5cf6;--color-layer-4: #a855f7}.page-header[data-v-954e71c4]{text-align:center;padding:6rem var(--sp6) var(--sp6);max-width:900px;margin:0 auto}.header-badge[data-v-954e71c4]{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:2px;padding:var(--sp2) var(--sp5);border:2px solid var(--blue);color:var(--blue);margin-bottom:var(--sp6)}.page-header h1[data-v-954e71c4]{font-size:var(--text-3xl);font-weight:600;line-height:1.1;margin-bottom:var(--sp6);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle[data-v-954e71c4]{font-size:var(--text-lg);color:var(--t2);line-height:1.7;max-width:700px;margin:0 auto}.overview-flow[data-v-954e71c4]{padding:var(--sp6);background:var(--s1);border-top:2px solid var(--border);border-bottom:2px solid var(--border)}.flow-container[data-v-954e71c4]{display:flex;align-items:center;justify-content:center;gap:var(--sp6);max-width:1000px;margin:0 auto}.flow-step[data-v-954e71c4]{text-align:center;flex:1;max-width:260px;padding:var(--sp7) var(--sp6);background:var(--card-bg);border:2px solid var(--card-border);transition:all var(--transition-normal)}.flow-step[data-v-954e71c4]:hover{transform:translateY(-8px);box-shadow:0 10px 30px #0003}.input-step[data-v-954e71c4]:hover{border-color:var(--color-layer-2)}.engine-step[data-v-954e71c4]:hover{border-color:var(--blue)}.output-step[data-v-954e71c4]:hover{border-color:var(--green)}.flow-icon[data-v-954e71c4]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp4);font-size:var(--text-xl);border:2px solid var(--border);transition:all var(--transition-normal)}.input-step .flow-icon[data-v-954e71c4]{color:var(--color-layer-2)}.engine-step .flow-icon[data-v-954e71c4]{color:var(--blue)}.output-step .flow-icon[data-v-954e71c4]{color:var(--green)}.input-step:hover .flow-icon[data-v-954e71c4]{border-color:var(--color-layer-2);background:color-mix(in srgb,var(--color-layer-2) 10%,transparent)}.engine-step:hover .flow-icon[data-v-954e71c4]{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}.output-step:hover .flow-icon[data-v-954e71c4]{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.flow-label[data-v-954e71c4]{font-size:var(--text-base);font-weight:600;margin-bottom:var(--sp1);color:var(--t1)}.flow-desc[data-v-954e71c4]{font-size:var(--text-sm);color:var(--t2)}.flow-arrow[data-v-954e71c4]{color:var(--t3);font-size:var(--text-lg)}.ecss-context[data-v-954e71c4]{padding:6rem var(--sp6);max-width:1100px;margin:0 auto}.ecss-context h2[data-v-954e71c4]{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--sp4);text-align:center;color:var(--t1)}.context-intro[data-v-954e71c4]{text-align:center;color:var(--t2);margin-bottom:var(--sp6);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.phase-bar[data-v-954e71c4]{display:flex;gap:2px;overflow:hidden;margin-bottom:var(--sp5)}.phase-segment[data-v-954e71c4]{flex:1;padding:var(--sp6) var(--sp4);text-align:center;transition:all var(--transition-normal);cursor:default;position:relative}.phase-segment.phase-0[data-v-954e71c4]{background:var(--color-layer-1);color:#fff}.phase-segment.phase-a[data-v-954e71c4]{background:var(--color-layer-2);color:#fff}.phase-segment.phase-b1[data-v-954e71c4]{background:var(--color-layer-3);color:#fff}.phase-segment.phase-b2[data-v-954e71c4]{background:var(--color-layer-4);color:#fff}.phase-segment.phase-c[data-v-954e71c4]{background:var(--s2);color:var(--t1)}.phase-segment.active[data-v-954e71c4]{transform:scaleY(1.1);z-index:2;box-shadow:0 4px 20px #0000004d}.phase-segment.dimmed[data-v-954e71c4]{opacity:.7}.phase-label[data-v-954e71c4]{font-size:var(--text-xs);font-weight:600;letter-spacing:1px;margin-bottom:var(--sp1)}.phase-name[data-v-954e71c4]{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--sp1)}.phase-gate[data-v-954e71c4]{font-size:var(--text-xs);opacity:.8;font-weight:600;letter-spacing:1px}.phase-status[data-v-954e71c4]{margin-top:var(--sp2);font-size:var(--text-xs);font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:var(--sp1) var(--sp2);display:inline-block;border-radius:2px}.status-operational[data-v-954e71c4]{background:rgba(255,255,255,.25)}.status-preliminary[data-v-954e71c4]{background:rgba(255,255,255,.15);border:1px dashed rgba(255,255,255,.5)}.status-roadmap[data-v-954e71c4]{background:rgba(255,255,255,.1);border:1px dashed rgba(255,255,255,.35);opacity:.85}.phase-legend[data-v-954e71c4]{display:flex;flex-wrap:wrap;gap:var(--sp6);margin-top:var(--sp6);justify-content:center}.legend-item[data-v-954e71c4]{display:flex;align-items:center;gap:var(--sp2);font-size:var(--text-sm);color:var(--t2)}.legend-dot[data-v-954e71c4]{width:10px;height:10px;border-radius:2px;flex-shrink:0}.dot-operational[data-v-954e71c4]{background:var(--color-layer-1)}.dot-preliminary[data-v-954e71c4]{background:var(--color-layer-3);border:1px dashed color-mix(in srgb,var(--color-layer-3) 60%,transparent)}.dot-roadmap[data-v-954e71c4]{background:var(--s2);border:1px dashed var(--t3)}.layers-detail[data-v-954e71c4]{padding:6rem var(--sp6);max-width:1100px;margin:0 auto}.layers-detail h2[data-v-954e71c4]{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--sp4);text-align:center;color:var(--t1)}.layers-intro[data-v-954e71c4]{text-align:center;color:var(--t2);margin-bottom:var(--sp6);max-width:750px;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed);font-size:var(--text-md)}.layer-card[data-v-954e71c4]{margin-bottom:0;border:2px solid var(--card-border);overflow:hidden;background:var(--card-bg);transition:all var(--transition-normal)}.layer-card[data-v-954e71c4]:last-child{margin-bottom:0}.layer-card[data-v-954e71c4]:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 10px 30px #00000026}.layer-header[data-v-954e71c4]{display:flex;align-items:center;gap:var(--sp6);padding:1.75rem var(--sp7);border-bottom:2px solid var(--border)}.layer-number[data-v-954e71c4]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:600;border:2px solid;flex-shrink:0}.layer-1 .layer-number[data-v-954e71c4]{border-color:var(--color-layer-1);color:var(--color-layer-1)}.layer-2 .layer-number[data-v-954e71c4]{border-color:var(--color-layer-2);color:var(--color-layer-2)}.layer-3 .layer-number[data-v-954e71c4]{border-color:var(--color-layer-3);color:var(--color-layer-3)}.layer-4 .layer-number[data-v-954e71c4]{border-color:var(--color-layer-4);color:var(--color-layer-4)}.layer-title-block h3[data-v-954e71c4]{font-size:var(--text-lg);font-weight:600;color:var(--t1);margin-bottom:var(--sp1)}.layer-meta[data-v-954e71c4]{display:flex;align-items:center;gap:var(--sp3)}.layer-phase-tag[data-v-954e71c4]{font-size:var(--text-xs);color:var(--t3);font-weight:600;letter-spacing:1px}.layer-status-tag[data-v-954e71c4]{font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:var(--sp1) var(--sp2);border-radius:2px}.tag-operational[data-v-954e71c4]{background:color-mix(in srgb,var(--color-layer-1) 12%,transparent);color:var(--color-layer-1);border:1px solid color-mix(in srgb,var(--color-layer-1) 30%,transparent)}.tag-preliminary[data-v-954e71c4]{background:color-mix(in srgb,var(--color-layer-3) 10%,transparent);color:var(--color-layer-3);border:1px dashed color-mix(in srgb,var(--color-layer-3) 40%,transparent)}.tag-roadmap[data-v-954e71c4]{background:transparent;color:var(--t3);border:1px dashed var(--border-color-medium)}.layer-description[data-v-954e71c4]{font-size:var(--text-sm);color:var(--t2);line-height:1.7;margin-bottom:1.75rem;padding:var(--sp5) var(--sp6);border-left:3px solid var(--blue);background:color-mix(in srgb,var(--blue) 3%,transparent)}.layer-1 .layer-description[data-v-954e71c4]{border-left-color:var(--color-layer-1)}.layer-2 .layer-description[data-v-954e71c4]{border-left-color:var(--color-layer-2)}.layer-3 .layer-description[data-v-954e71c4]{border-left-color:var(--color-layer-3)}.layer-4 .layer-description[data-v-954e71c4]{border-left-color:var(--color-layer-4)}.layer-connector[data-v-954e71c4]{display:flex;flex-direction:column;align-items:center;padding:var(--sp3) 0}.connector-line[data-v-954e71c4]{width:2px;height:24px;background:var(--border-color-medium)}.connector-label[data-v-954e71c4]{font-size:var(--text-xs);font-weight:600;color:var(--t3);letter-spacing:.3px;padding:var(--sp1) var(--sp3);background:var(--s1);border:1px solid var(--border);border-radius:2px;margin-top:4px;margin-bottom:4px}.layer-body[data-v-954e71c4]{padding:var(--sp7)}.layer-io[data-v-954e71c4]{display:flex;align-items:flex-start;gap:var(--sp6);margin-bottom:var(--sp6)}.io-block[data-v-954e71c4]{flex:1;padding:var(--sp6);border:2px solid var(--border)}.io-block.input[data-v-954e71c4]{border-left:4px solid var(--color-layer-1)}.io-block.output[data-v-954e71c4]{border-left:4px solid var(--green)}.io-label[data-v-954e71c4]{font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;margin-bottom:var(--sp3)}.io-block.input .io-label[data-v-954e71c4]{color:var(--color-layer-1)}.io-block.output .io-label[data-v-954e71c4]{color:var(--green)}.io-block ul[data-v-954e71c4]{list-style:none;padding:0;margin:0}.io-block li[data-v-954e71c4]{font-size:var(--text-sm);color:var(--t2);padding:var(--sp1) 0;padding-left:var(--sp4);position:relative}.io-block li[data-v-954e71c4]:before{content:"";position:absolute;left:0;top:.6rem;width:5px;height:5px}.io-block.input li[data-v-954e71c4]:before{background:var(--color-layer-1)}.io-block.output li[data-v-954e71c4]:before{background:var(--green)}.io-arrow[data-v-954e71c4]{color:var(--t3);padding-top:var(--sp6);flex-shrink:0}.layer-pipeline[data-v-954e71c4]{display:flex;align-items:center;gap:var(--sp2);margin-top:var(--sp6);flex-wrap:wrap}.pipe-step[data-v-954e71c4]{font-size:var(--text-xs);font-weight:600;padding:var(--sp1) var(--sp3);background:var(--s1);border:2px solid var(--border);color:var(--t2);letter-spacing:.3px}.pipe-arrow[data-v-954e71c4]{color:var(--t3);font-size:var(--text-sm);font-weight:600}.layer-outputs-grid[data-v-954e71c4]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp5)}.output-card[data-v-954e71c4]{padding:var(--sp6);border:2px solid var(--border);background:var(--s0);transition:all var(--transition-normal)}.output-card[data-v-954e71c4]:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.output-icon[data-v-954e71c4]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--text-md);color:var(--color-layer-4);border:2px solid color-mix(in srgb,var(--color-layer-4) 30%,transparent);margin-bottom:var(--sp4);transition:all var(--transition-normal)}.output-card:hover .output-icon[data-v-954e71c4]{background:color-mix(in srgb,var(--color-layer-4) 10%,transparent);border-color:var(--color-layer-4)}.output-card h4[data-v-954e71c4]{font-size:var(--text-sm);font-weight:600;color:var(--t1);margin-bottom:var(--sp1)}.output-card p[data-v-954e71c4]{font-size:var(--text-sm);color:var(--t2);line-height:1.6}.pipeline-output[data-v-954e71c4]{border:2px solid var(--card-border);background:var(--card-bg);overflow:hidden}.output-header[data-v-954e71c4]{display:flex;align-items:center;gap:var(--sp5);padding:1.75rem var(--sp7);border-bottom:2px solid var(--border);background:var(--s1)}.output-header-icon[data-v-954e71c4]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--green);border:2px solid var(--green);flex-shrink:0}.output-header h3[data-v-954e71c4]{font-size:var(--text-lg);font-weight:600;color:var(--t1);margin-bottom:2px}.output-header-sub[data-v-954e71c4]{font-size:var(--text-sm);color:var(--t2)}.output-columns[data-v-954e71c4]{display:grid;grid-template-columns:1fr 1fr;gap:0}.output-column[data-v-954e71c4]{padding:var(--sp6) var(--sp7)}.output-column.produced[data-v-954e71c4]{border-right:1px solid var(--border)}.column-label[data-v-954e71c4]{display:flex;align-items:center;gap:var(--sp2);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;margin-bottom:var(--sp4)}.output-column.produced .column-label[data-v-954e71c4]{color:var(--green)}.output-column.missing .column-label[data-v-954e71c4]{color:var(--t3)}.output-column ul[data-v-954e71c4]{list-style:none;padding:0;margin:0}.output-column li[data-v-954e71c4]{font-size:var(--text-sm);color:var(--t2);padding:var(--sp1) 0;padding-left:var(--sp4);position:relative;line-height:1.5}.output-column li[data-v-954e71c4]:before{content:"";position:absolute;left:0;top:.65rem;width:5px;height:5px}.output-column.produced li[data-v-954e71c4]:before{background:var(--green)}.output-column.missing li[data-v-954e71c4]:before{background:var(--t3);opacity:.5}.output-note[data-v-954e71c4]{padding:var(--sp5) var(--sp7);font-size:var(--text-sm);color:var(--t3);border-top:1px solid var(--border);line-height:1.6;font-style:italic}.deliverables-section[data-v-954e71c4]{padding:6rem var(--sp6);background:var(--s1);border-top:2px solid var(--border)}.deliverables-section h2[data-v-954e71c4]{font-size:var(--text-2xl);font-weight:600;text-align:center;margin-bottom:var(--sp3);color:var(--t1)}.deliverables-intro[data-v-954e71c4]{text-align:center;color:var(--t2);margin-bottom:3.5rem;font-size:var(--text-md)}.deliverables-grid[data-v-954e71c4]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp6);max-width:1200px;margin:0 auto}.deliverable[data-v-954e71c4]{text-align:center;padding:var(--sp6) var(--sp5);background:var(--card-bg);border:2px solid var(--card-border);transition:all var(--transition-normal)}.deliverable[data-v-954e71c4]:hover{transform:translateY(-8px);border-color:var(--blue);box-shadow:0 10px 30px #00000026}.del-icon[data-v-954e71c4]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp4);font-size:var(--text-lg);border:2px solid var(--border);transition:all var(--transition-normal)}.deliverable:hover .del-icon[data-v-954e71c4]{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,transparent)}.del-icon i[data-v-954e71c4]{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.deliverable h4[data-v-954e71c4]{font-size:var(--text-sm);font-weight:600;color:var(--t1);margin-bottom:var(--sp1)}.deliverable p[data-v-954e71c4]{font-size:var(--text-sm);color:var(--t2);line-height:1.6}.page-cta[data-v-954e71c4]{padding:6rem var(--sp6);text-align:center}.page-cta h2[data-v-954e71c4]{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--sp4);color:var(--t1)}.page-cta p[data-v-954e71c4]{color:var(--t2);margin-bottom:var(--sp7);font-size:var(--text-md)}.cta-buttons[data-v-954e71c4]{display:flex;gap:var(--sp4);justify-content:center}.btn-primary[data-v-954e71c4]{padding:var(--sp4) var(--sp7);background:var(--t1);color:var(--s0);text-decoration:none;font-weight:600;font-size:var(--text-sm);border:2px solid var(--t1);transition:all var(--transition-normal)}.btn-primary[data-v-954e71c4]:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--blue) 40%,transparent)}.btn-secondary[data-v-954e71c4]{padding:var(--sp4) var(--sp7);border:2px solid var(--t1);color:var(--t1);text-decoration:none;font-weight:600;font-size:var(--text-sm);background:transparent;transition:all var(--transition-normal)}.btn-secondary[data-v-954e71c4]:hover{background:var(--s2);transform:translateY(-2px)}.page-footer[data-v-954e71c4]{padding:var(--sp7) var(--sp6);text-align:center;border-top:2px solid var(--border);color:var(--t3);font-size:var(--text-sm);letter-spacing:.5px}@media (max-width: 768px){.page-header[data-v-954e71c4]{padding:var(--sp6) var(--sp6) var(--sp6)}.page-header h1[data-v-954e71c4]{font-size:var(--text-2xl)}.overview-flow[data-v-954e71c4],.ecss-context[data-v-954e71c4],.layers-detail[data-v-954e71c4],.deliverables-section[data-v-954e71c4],.page-cta[data-v-954e71c4]{padding:var(--sp6) var(--sp6)}.flow-container[data-v-954e71c4]{flex-direction:column;gap:var(--sp4)}.flow-arrow[data-v-954e71c4]{transform:rotate(90deg)}.flow-step[data-v-954e71c4]{max-width:100%}.phase-bar[data-v-954e71c4],.layer-io[data-v-954e71c4]{flex-direction:column}.io-arrow[data-v-954e71c4]{transform:rotate(90deg);padding:0;text-align:center}.layer-outputs-grid[data-v-954e71c4]{grid-template-columns:1fr}.deliverables-grid[data-v-954e71c4]{grid-template-columns:repeat(2,1fr)}.page-nav[data-v-954e71c4]{padding:var(--sp4) var(--sp6)}.layer-pipeline[data-v-954e71c4]{justify-content:center}.layer-header[data-v-954e71c4]{padding:var(--sp5) var(--sp6)}.layer-body[data-v-954e71c4]{padding:var(--sp6)}.phase-legend[data-v-954e71c4]{flex-direction:column;align-items:flex-start;gap:var(--sp2);padding:0 var(--sp4)}.layer-meta[data-v-954e71c4]{flex-wrap:wrap;gap:var(--sp2)}.layer-connector[data-v-954e71c4]{padding:var(--sp2) 0}.output-columns[data-v-954e71c4]{grid-template-columns:1fr}.output-column.produced[data-v-954e71c4]{border-right:none;border-bottom:1px solid var(--border)}.output-header[data-v-954e71c4]{padding:var(--sp5) var(--sp6)}.output-column[data-v-954e71c4]{padding:var(--sp6)}.output-note[data-v-954e71c4]{padding:var(--sp4) var(--sp6)}}@media (max-width: 480px){.deliverables-grid[data-v-954e71c4]{grid-template-columns:1fr}.cta-buttons[data-v-954e71c4]{flex-direction:column;align-items:center}}