.header[data-v-e4aacc01]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid var(--color-border);left:0;position:fixed;right:0;top:0;z-index:50}.header-inner[data-v-e4aacc01]{height:64px;justify-content:space-between}.header-actions[data-v-e4aacc01],.header-inner[data-v-e4aacc01]{align-items:center;display:flex}.header-actions[data-v-e4aacc01]{gap:12px}.back-link[data-v-e4aacc01]{color:var(--color-text-secondary);font-size:14px;transition:color .15s}.back-link[data-v-e4aacc01]:hover{color:var(--color-text)}.theme-toggle[data-v-e4aacc01]{align-items:center;border:1px solid var(--color-border);border-radius:8px;display:flex;height:40px;justify-content:center;transition:all .15s;width:40px}.theme-toggle[data-v-e4aacc01]:hover{background:var(--color-accent-subtle);border-color:var(--color-border-hover)}.main[data-v-e4aacc01]{padding-top:64px}.hero[data-v-e4aacc01]{border-bottom:1px solid var(--color-border);padding:64px 0 48px}.hero-title[data-v-e4aacc01]{font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:12px}[data-v-e4aacc01] .dark .hero-title.hero-name{background:linear-gradient(135deg,#fff,#3cdfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.meta-highlight[data-v-e4aacc01]{color:var(--color-highlight);font-weight:500}.hero-subtitle[data-v-e4aacc01]{color:var(--color-text-secondary);font-size:1.125rem;margin-bottom:32px;max-width:600px}.hero-meta[data-v-e4aacc01]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.meta-item[data-v-e4aacc01]{display:flex;flex-direction:column;gap:4px}.meta-label[data-v-e4aacc01]{color:var(--color-text-muted);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.meta-value[data-v-e4aacc01]{font-size:14px}.stack-badges[data-v-e4aacc01]{gap:6px;margin-top:4px}.modules-row[data-v-e4aacc01],.stack-badges[data-v-e4aacc01]{display:flex;flex-wrap:wrap}.modules-row[data-v-e4aacc01]{gap:8px;margin-bottom:24px}.module-tag[data-v-e4aacc01]{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:12px;padding:4px 10px}.badge-tech[data-v-e4aacc01]{background:#3cdfff1a;border:1px solid rgba(60,223,255,.15);color:var(--color-highlight);transition:all .15s ease}.badge-tech[data-v-e4aacc01]:hover{background:#3cdfff33;border-color:#3cdfff4d}.visual-section[data-v-e4aacc01]{border-bottom:1px solid var(--color-border);padding:48px 0}.visual-caption[data-v-e4aacc01]{color:var(--color-text-muted);font-size:13px;margin-top:16px;text-align:center}.placeholder-hero[data-v-e4aacc01]{align-items:center;background:linear-gradient(135deg,var(--color-bg-elevated) 0,var(--color-bg-subtle) 100%);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:16px;justify-content:center;overflow:hidden;padding:80px 24px;position:relative}.placeholder-hero[data-v-e4aacc01]:before{background:linear-gradient(135deg,rgba(60,223,255,.03),transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.placeholder-icon[data-v-e4aacc01]{color:var(--color-highlight);opacity:.6}.placeholder-text[data-v-e4aacc01]{align-items:center;display:flex;flex-direction:column;gap:4px}.placeholder-title[data-v-e4aacc01]{color:var(--color-text-secondary);font-size:15px;font-weight:500}.placeholder-sub[data-v-e4aacc01]{color:var(--color-text-muted);font-size:13px}.placeholder-diagram[data-v-e4aacc01]{align-items:center;background:linear-gradient(135deg,var(--color-bg-elevated) 0,var(--color-bg-subtle) 100%);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:200px;padding:48px 24px;position:relative}.placeholder-diagram[data-v-e4aacc01]:before{background:linear-gradient(135deg,rgba(60,223,255,.03),transparent 50%);border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute}.placeholder-grid[data-v-e4aacc01]{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.placeholder-thumb[data-v-e4aacc01]{align-items:center;background:linear-gradient(135deg,var(--color-bg-elevated) 0,var(--color-bg-subtle) 100%);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;padding:32px 16px;transition:all .2s ease}.placeholder-thumb[data-v-e4aacc01]:hover{border-color:#3cdfff33;transform:translateY(-2px)}.placeholder-thumb span[data-v-e4aacc01]:first-child{color:var(--color-highlight);opacity:.6}.content-section[data-v-e4aacc01]{border-bottom:1px solid var(--color-border);padding:48px 0}.section-alt[data-v-e4aacc01]{background:var(--color-bg-subtle)}.section-title[data-v-e4aacc01]{font-size:1.25rem;font-weight:600;margin-bottom:24px}.section-title-accent[data-v-e4aacc01]{display:inline-block;position:relative}.section-title-accent[data-v-e4aacc01]:after{background:var(--color-highlight);border-radius:1px;bottom:-6px;content:"";height:2px;left:0;position:absolute;width:40px}.context-text[data-v-e4aacc01]{color:var(--color-text-secondary);font-size:1rem;line-height:1.7;max-width:600px}.content-list[data-v-e4aacc01]{display:flex;flex-direction:column;gap:12px;max-width:600px}.content-list li[data-v-e4aacc01]{color:var(--color-text-secondary);display:flex;font-size:15px;gap:12px;line-height:1.6}.list-marker[data-v-e4aacc01]{color:var(--color-text-muted);flex-shrink:0}.list-marker.accent[data-v-e4aacc01]{color:var(--color-highlight)}.owned-section[data-v-e4aacc01]{background:linear-gradient(135deg,var(--color-bg) 0,rgba(60,223,255,.02) 100%)}.owned-section .content-list li[data-v-e4aacc01]{border-bottom:1px solid var(--color-border);padding:8px 0}.owned-section .content-list li[data-v-e4aacc01]:last-child{border-bottom:none}.evolution-grid[data-v-e4aacc01]{display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.evolution-col[data-v-e4aacc01]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;padding:20px}.evolution-label[data-v-e4aacc01]{color:var(--color-text-muted);font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.content-list.compact[data-v-e4aacc01]{gap:8px}.content-list.compact li[data-v-e4aacc01]{font-size:14px}.before-after-images[data-v-e4aacc01]{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:32px}.ba-image-container[data-v-e4aacc01]{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;position:relative}.ba-label[data-v-e4aacc01]{background:#ef4444e6;border-radius:4px;color:#fff;font-size:11px;font-weight:600;left:12px;letter-spacing:.05em;padding:4px 8px;position:absolute;text-transform:uppercase;top:12px;z-index:1}.ba-label-after[data-v-e4aacc01]{background:#22c55ee6}.ba-image[data-v-e4aacc01]{display:block;height:auto;width:100%}.model-intro[data-v-e4aacc01]{color:var(--color-text-secondary);font-size:15px;font-style:italic;margin-bottom:20px}.operational-flow[data-v-e4aacc01]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;color:var(--color-highlight);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.9rem;letter-spacing:.02em;line-height:1.6;margin-bottom:24px;padding:20px 24px;text-align:center}.state-grid[data-v-e4aacc01]{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.state-category[data-v-e4aacc01]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;padding:16px}.state-category-label[data-v-e4aacc01]{color:var(--color-highlight);font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.state-list[data-v-e4aacc01]{display:flex;flex-direction:column;gap:6px}.state-list li[data-v-e4aacc01]{color:var(--color-text-secondary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px}@media(max-width:640px){.state-grid[data-v-e4aacc01]{grid-template-columns:1fr}}.system-diagram[data-v-e4aacc01]{border:1px solid var(--color-border);border-radius:8px;margin-top:24px;overflow:hidden}.diagram-image[data-v-e4aacc01]{display:block;height:auto;width:100%}.hero-image-container[data-v-e4aacc01]{border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.hero-image[data-v-e4aacc01]{display:block;height:auto;width:100%}.component-showcase[data-v-e4aacc01]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;margin-top:32px;overflow:hidden}.showcase-image[data-v-e4aacc01]{display:block;height:auto;width:100%}.component-showcase .visual-caption[data-v-e4aacc01]{background:var(--color-bg-subtle);border-top:1px solid var(--color-border);margin:0;padding:12px 16px}.collab-note[data-v-e4aacc01]{align-items:flex-start;background:#3cdfff0d;border:1px solid rgba(60,223,255,.15);border-radius:8px;color:var(--color-text-secondary);display:flex;font-size:14px;gap:10px;margin-top:24px;padding:16px}.collab-note span[data-v-e4aacc01]:first-child{color:var(--color-highlight);flex-shrink:0;margin-top:2px}.real-world-note[data-v-e4aacc01]{align-items:flex-start;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-left:3px solid var(--color-highlight);border-radius:4px;color:var(--color-text-secondary);display:flex;font-size:14px;gap:10px;margin-top:20px;padding:14px 16px}.real-world-note span[data-v-e4aacc01]:first-child{color:var(--color-highlight);flex-shrink:0;margin-top:2px}.strategy-subtitle[data-v-e4aacc01]{color:var(--color-text-muted);font-size:14px;font-style:italic;margin-bottom:20px}.patterns-grid[data-v-e4aacc01]{display:grid;gap:32px;grid-template-columns:1fr 1fr}.pattern-group-label[data-v-e4aacc01]{color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.badge-ux[data-v-e4aacc01]{background:#a855f71a;border:1px solid rgba(168,85,247,.15);color:#a855f7}.dark .badge-ux[data-v-e4aacc01]{color:#c084fc}.cta-section[data-v-e4aacc01]{background:linear-gradient(135deg,var(--color-bg) 0,rgba(60,223,255,.02) 100%);border-top:1px solid var(--color-border);padding:64px 0}.cta-text[data-v-e4aacc01]{color:var(--color-text-secondary);font-size:1.125rem;margin-bottom:20px}@media(max-width:768px){.before-after-images[data-v-e4aacc01],.evolution-grid[data-v-e4aacc01],.patterns-grid[data-v-e4aacc01]{grid-template-columns:1fr}}.impact-grid[data-v-e4aacc01]{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);max-width:600px}.impact-card[data-v-e4aacc01]{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;padding:24px 16px;text-align:center;transition:all .25s cubic-bezier(.16,1,.3,1)}.impact-card[data-v-e4aacc01]:hover{border-color:#3cdfff4d;box-shadow:0 0 30px #3cdfff26;transform:translateY(-2px)}.impact-metric[data-v-e4aacc01]{color:var(--color-highlight);font-size:1.75rem;font-weight:700;margin-bottom:4px;text-shadow:0 0 20px rgba(60,223,255,.3)}.impact-label[data-v-e4aacc01]{color:var(--color-text-muted);font-size:13px}.patterns-list[data-v-e4aacc01]{display:flex;flex-wrap:wrap;gap:8px}.next-section[data-v-e4aacc01]{padding:64px 0;text-align:center}.next-label[data-v-e4aacc01]{color:var(--color-text-muted);font-size:13px;margin-bottom:16px}.next-links[data-v-e4aacc01]{align-items:center;display:flex;flex-direction:column;gap:12px}.next-link[data-v-e4aacc01]{border-radius:8px;font-size:1.125rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.next-link[data-v-e4aacc01]:hover{background:#3cdfff1a;color:var(--color-highlight);text-shadow:0 0 20px rgba(60,223,255,.3)}.footer[data-v-e4aacc01]{border-top:1px solid var(--color-border);padding:32px 0;text-align:center}.footer-link[data-v-e4aacc01]{color:var(--color-text-muted);font-size:14px;transition:color .15s}.footer-link[data-v-e4aacc01]:hover{color:var(--color-text)}.ba-image-container[data-v-e4aacc01],.component-showcase[data-v-e4aacc01],.hero-image-container[data-v-e4aacc01],.system-diagram[data-v-e4aacc01]{transition:transform .2s ease,box-shadow .2s ease}.component-showcase[data-v-e4aacc01]:hover,.hero-image-container[data-v-e4aacc01]:hover,.system-diagram[data-v-e4aacc01]:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}@media(min-width:1200px){.hero-image-container[data-v-e4aacc01],.system-diagram[data-v-e4aacc01]{margin:0 auto;max-width:1000px}.component-showcase[data-v-e4aacc01]{max-width:900px}}@media(max-width:640px){.hero[data-v-e4aacc01]{padding:48px 0 32px}.hero-title[data-v-e4aacc01]{font-size:1.75rem}.hero-meta[data-v-e4aacc01]{gap:16px;grid-template-columns:1fr}.content-section[data-v-e4aacc01],.visual-section[data-v-e4aacc01]{padding:32px 0}.placeholder-hero[data-v-e4aacc01]{padding:48px 16px}.placeholder-grid[data-v-e4aacc01]{grid-template-columns:1fr}.impact-grid[data-v-e4aacc01]{gap:8px;grid-template-columns:repeat(2,1fr)}.impact-card[data-v-e4aacc01]{padding:16px 8px}.impact-metric[data-v-e4aacc01]{font-size:1.25rem}.collab-note[data-v-e4aacc01],.real-world-note[data-v-e4aacc01]{font-size:13px;padding:12px}.state-grid[data-v-e4aacc01]{gap:12px}.state-category[data-v-e4aacc01]{padding:12px}}