.architecture-hero:where(.astro-6tyn2jmb){height:100vh;height:100dvh;display:flex;flex-direction:column;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-mono, "IBM Plex Mono", monospace);position:relative;border:1px solid color-mix(in srgb,var(--color-accent) 12%,transparent);overflow:hidden}.ghost-nav:where(.astro-6tyn2jmb){flex-shrink:0;height:32px;background:var(--color-bg-card);border-bottom:1px solid color-mix(in srgb,var(--color-accent) 12%,transparent);display:flex;align-items:center;padding:0 16px;font-size:11px;color:var(--color-text-tertiary);z-index:100;justify-content:space-between}.nav-brand:where(.astro-6tyn2jmb) b:where(.astro-6tyn2jmb){color:var(--color-accent);font-weight:600;margin-right:8px}.nav-brand:where(.astro-6tyn2jmb) a:where(.astro-6tyn2jmb){color:var(--color-text);text-decoration:none;transition:color .15s}.nav-brand:where(.astro-6tyn2jmb) a:where(.astro-6tyn2jmb):hover{color:var(--color-accent)}.nav-links:where(.astro-6tyn2jmb){display:flex;gap:24px;align-items:center}.nav-links:where(.astro-6tyn2jmb) a:where(.astro-6tyn2jmb){color:var(--color-text-secondary);text-decoration:none;transition:color .15s}.nav-links:where(.astro-6tyn2jmb) a:where(.astro-6tyn2jmb):hover{color:var(--color-text)}.nav-icon:where(.astro-6tyn2jmb){display:flex;align-items:center;color:var(--color-text-tertiary)!important}.nav-icon:where(.astro-6tyn2jmb):hover{color:var(--color-text)!important}.nav-session:where(.astro-6tyn2jmb){color:var(--color-text-tertiary)}.main-split:where(.astro-6tyn2jmb){flex:1;display:flex;position:relative;overflow:hidden}.product-intro:where(.astro-6tyn2jmb){width:40%;min-width:450px;padding:60px;border-right:1px solid color-mix(in srgb,var(--color-accent) 12%,transparent);background:linear-gradient(90deg,var(--color-bg-elevated) 0%,transparent 100%);z-index:50;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;scrollbar-width:none}.product-intro:where(.astro-6tyn2jmb)::-webkit-scrollbar{display:none}.tagline:where(.astro-6tyn2jmb){font-size:10px;color:var(--color-accent);text-transform:uppercase;letter-spacing:.3em;margin-bottom:24px}h1:where(.astro-6tyn2jmb){font-size:42px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:40px;text-transform:uppercase}.value-prop:where(.astro-6tyn2jmb){margin-bottom:48px}.value-prop:where(.astro-6tyn2jmb) h2:where(.astro-6tyn2jmb){font-size:14px;color:var(--color-text);margin-bottom:12px;display:flex;align-items:center;gap:12px}.value-prop:where(.astro-6tyn2jmb) h2:where(.astro-6tyn2jmb):before{content:"";width:4px;height:4px;background:var(--color-accent);box-shadow:0 0 10px var(--color-accent)}.value-prop:where(.astro-6tyn2jmb) p:where(.astro-6tyn2jmb){font-size:13px;color:var(--color-text-tertiary);line-height:1.6}.highlight-box:where(.astro-6tyn2jmb){background:var(--color-border-light);border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);padding:24px;border-left:2px solid var(--color-accent);margin-top:20px}.highlight-box:where(.astro-6tyn2jmb) b:where(.astro-6tyn2jmb){color:var(--color-accent)}.visualization:where(.astro-6tyn2jmb){flex-grow:1;position:relative;background-color:#1a1a1e;overflow:hidden}#dot-matrix:where(.astro-6tyn2jmb){position:absolute;inset:0;width:100%;height:100%}.footer-system:where(.astro-6tyn2jmb){background:var(--color-bg-card);border-top:1px solid color-mix(in srgb,var(--color-accent) 12%,transparent)}.command-bar:where(.astro-6tyn2jmb){height:42px;display:flex;align-items:center;padding:0 16px;font-size:11px;gap:24px;border-bottom:1px solid var(--color-border)}.cmd-item:where(.astro-6tyn2jmb){display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-text-tertiary);text-decoration:none;transition:color .15s;user-select:none}.cmd-item:where(.astro-6tyn2jmb) b:where(.astro-6tyn2jmb){color:var(--color-text-secondary);font-weight:500}.cmd-item:where(.astro-6tyn2jmb):hover{color:var(--color-text)}.cmd-item:where(.astro-6tyn2jmb):hover b:where(.astro-6tyn2jmb){color:var(--color-accent)}.cmd-active:where(.astro-6tyn2jmb){color:var(--color-accent)!important;background:var(--color-border-light);height:100%;padding:0 12px;border-left:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);border-right:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent)}.cmd-active:where(.astro-6tyn2jmb) b:where(.astro-6tyn2jmb){color:var(--color-accent)!important}.metadata-bar:where(.astro-6tyn2jmb){height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:9px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.meta-left:where(.astro-6tyn2jmb),.meta-right:where(.astro-6tyn2jmb){display:flex;align-items:center;gap:12px}.meta-link:where(.astro-6tyn2jmb){color:var(--color-text-tertiary);text-decoration:none;transition:color .15s}.meta-link:where(.astro-6tyn2jmb):hover{color:var(--color-text-secondary);text-decoration:underline}.sep:where(.astro-6tyn2jmb){color:var(--color-border);user-select:none}.version:where(.astro-6tyn2jmb){color:var(--color-accent);opacity:.8}.dim:where(.astro-6tyn2jmb){color:var(--color-text-tertiary)}@media(max-width:1100px){.product-intro:where(.astro-6tyn2jmb){width:450px;padding:40px}}@media(max-width:768px){.architecture-hero:where(.astro-6tyn2jmb){height:auto;min-height:100dvh}.ghost-nav:where(.astro-6tyn2jmb){height:32px;padding:0 12px}.nav-links:where(.astro-6tyn2jmb) a:where(.astro-6tyn2jmb):not(.nav-icon){display:none}.nav-links:where(.astro-6tyn2jmb) .sep:where(.astro-6tyn2jmb){display:none}.nav-links:where(.astro-6tyn2jmb){gap:0}.nav-session:where(.astro-6tyn2jmb){display:none}.main-split:where(.astro-6tyn2jmb){flex-direction:column;overflow:visible}.product-intro:where(.astro-6tyn2jmb){width:100%;min-width:0;padding:32px 20px;border-right:none;border-bottom:1px solid color-mix(in srgb,var(--color-accent) 12%,transparent);background:var(--color-bg-elevated)}h1:where(.astro-6tyn2jmb){font-size:28px;margin-bottom:28px}.tagline:where(.astro-6tyn2jmb){margin-bottom:16px}.value-prop:where(.astro-6tyn2jmb){margin-bottom:28px}.highlight-box:where(.astro-6tyn2jmb){padding:16px}.visualization:where(.astro-6tyn2jmb){height:280px;flex-grow:0;flex-shrink:0}.command-bar:where(.astro-6tyn2jmb){gap:12px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.command-bar:where(.astro-6tyn2jmb)::-webkit-scrollbar{display:none}.metadata-bar:where(.astro-6tyn2jmb){flex-wrap:wrap;height:auto;min-height:28px;padding:4px 12px;gap:4px 12px}.meta-right:where(.astro-6tyn2jmb){display:none}}